@charset "utf-8";

.item-lp_caresoap {margin: 70px 0 -75px;}
.item-lp_caresoap * {
	color: #4e4e4e;
	letter-spacing: 0;
	font-feature-settings: "palt";
}
.item-lp_caresoap img {display: block; width: auto;}
.item-lp_caresoap .container {
	position: relative; 
	z-index: 2;
	max-width: 1050px;
	margin: 0 auto;
	padding: 0;
}

/*************************************************
	mv
*************************************************/
.item-lp_caresoap .mv img {
	width: 100%;
}

/*************************************************
	intro
*************************************************/
.item-lp_caresoap .intro {
	position: relative;
	z-index: 1;
	margin: 0 0 21px;
	padding: 80px 0 71px;
}
.item-lp_caresoap .intro::before {
	display: block;
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	left: calc(50% - 770px);
	width: 1540px;
	height: 958px;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/caresoap/bg_intro01_pc.png) top center / 100% auto no-repeat;
}
.item-lp_caresoap .intro::after {
	display: block;
	content: '';
	position: absolute;
	z-index: 0;
	top: 958px;
	left: calc(50% - 770px);
	width: 1540px;
	height: 2330px;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/caresoap/bg_intro02_pc.png) top center / 100% auto repeat-y;
}
.item-lp_caresoap .intro .intro01 {
	width: 982px;
  margin: 0 auto 60px;
}

.item-lp_caresoap .intro .intro02 {
	margin: 0 0 35px;
}

/*************************************************
	point
*************************************************/
.item-lp_caresoap .caresoap-point {
	padding: 100px 0 94px;
	background: #eaf8ff;
}
.item-lp_caresoap .caresoap-point .point-wrap {
	margin: 0 0 92px;
	padding: 92px 0 54px;
	border: 4px solid #51ACDF;
	border-radius: 50px;
	background: #fff;
}
.item-lp_caresoap .caresoap-point .point-wrap h3 {
	max-width: 774px;
	margin: 0 auto 78px;
}
.item-lp_caresoap .caresoap-point .point-wrap .point-head {
	max-width: 920px;
	margin: 0 auto 30px;
}
.item-lp_caresoap .caresoap-point .point-wrap .point-head.point01 {
	margin: 0 auto 90px;
}
.item-lp_caresoap .caresoap-point .point-wrap .point-head.point02 {
	margin: 0 auto;
}
.item-lp_caresoap .caresoap-point .point-wrap .point-desc {margin: 0 0 85px; text-align: center; font-size: 21px; line-height: 33px;}
.item-lp_caresoap .caresoap-point .point-wrap .use {
	max-width: 916px;
	margin: 0 auto;
	padding: 0 0 32px;
	border-radius: 25px;
	background: #fff8de;
}
.item-lp_caresoap .caresoap-point .point-wrap .use h5 {
	position: relative;
	margin: 0 0 45px;
	padding: 20px 0;
	border-radius: 25px 25px 0 0;
	background: #51ace2;
}
.item-lp_caresoap .caresoap-point .point-wrap .use h5::after {
	position: absolute;
	right: calc(50% - 25px);
	bottom: -27px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 27px 25px 0 25px;
	border-color: #51ade2 transparent transparent transparent;
}
.item-lp_caresoap .caresoap-point .point-wrap .use h5 img {
	width: auto;
	height: 34px;
	margin: 0 auto;
}
.item-lp_caresoap .caresoap-point .point-wrap .use p {
	margin: 0 0 5px;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	line-height: 35px;
}
.item-lp_caresoap .caresoap-point .point-wrap .use img {
	width: 172px;
	margin: 0 auto;
}

/*************************************************
	qa
*************************************************/
.item-lp_caresoap .caresoap-qa {
	padding: 0 80px 65px;
	border-radius: 50px;
	background: #f5aabe;
}
.item-lp_caresoap .caresoap-qa h3 {
	position: relative;
	top: -10px;
	width: 780px;
	margin: 0 auto 30px;
}
.item-lp_caresoap .caresoap-qa .qa-wrap {
	margin: 0 0 23px;
}
.item-lp_caresoap .caresoap-qa .qa-wrap dt {
	margin: 0 0 2px;
	padding: 26px 0 20px 100px;
	border-radius: 15px 15px 0 0;
	background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2033%2026.34%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%234e4e4e%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_4%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%204%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M11.8%2C25.09C4.82%2C25.09%2C0%2C20%2C0%2C12.52S4.88%2C0%2C11.8%2C0%2C23.55%2C5.17%2C23.55%2C12.52a12.52%2C12.52%2C0%2C0%2C1-3.13%2C8.74A15.35%2C15.35%2C0%2C0%2C0%2C23%2C23a1.62%2C1.62%2C0%2C0%2C1%2C1%2C1.52%2C1.79%2C1.79%2C0%2C0%2C1-1.6%2C1.81c-.81%2C0-2.59-1.13-4.49-2.85A11.77%2C11.77%2C0%2C0%2C1%2C11.8%2C25.09Zm7.64-12.6c0-5.47-3.15-9.28-7.64-9.28S4.1%2C7%2C4.1%2C12.49s3.18%2C9.36%2C7.76%2C9.36A6.42%2C6.42%2C0%2C0%2C0%2C15.19%2C21a47.7%2C47.7%2C0%2C0%2C0-4.34-2.91c-.74-.45-1-.84-1-1.49A1.57%2C1.57%2C0%2C0%2C1%2C11.36%2C15c.89%2C0%2C2.35.92%2C6.15%2C3.87A9.62%2C9.62%2C0%2C0%2C0%2C19.44%2C12.49Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M33%2C22.21a2.74%2C2.74%2C0%2C1%2C1-2.73-2.74A2.77%2C2.77%2C0%2C0%2C1%2C33%2C22.21Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') top 28px left 36px / 33px auto no-repeat;
	font-size: 25px;
	font-weight: 700;
	line-height: 33px;
}
	
.item-lp_caresoap .caresoap-qa .qa-wrap dd {
	padding: 26px 0 30px 100px;
	border-radius: 0 0 15px 15px;
	background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031%2025.67%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%234e4e4e%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_4%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%204%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M4.07%2C24.21a2.08%2C2.08%2C0%2C0%2C1-2%2C1.46A1.94%2C1.94%2C0%2C0%2C1%2C0%2C24a2.69%2C2.69%2C0%2C0%2C1%2C.21-1L8.45%2C2.11A2.86%2C2.86%2C0%2C0%2C1%2C11.29%2C0a2.84%2C2.84%2C0%2C0%2C1%2C2.85%2C2.11L22.34%2C23a2.69%2C2.69%2C0%2C0%2C1%2C.21%2C1%2C1.91%2C1.91%2C0%2C0%2C1-2.08%2C1.71%2C2.08%2C2.08%2C0%2C0%2C1-2-1.46l-2.14-5.73H6.21ZM12.91%2C8.78c-.49-1.34-1.34-4-1.56-4.8h-.12c-.24%2C1-1%2C3.12-1.56%2C4.8L7.28%2C15.3h8Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M31%2C22.83A2.82%2C2.82%2C0%2C1%2C1%2C28.18%2C20%2C2.85%2C2.85%2C0%2C0%2C1%2C31%2C22.83Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') top 28px left 36px / 30px auto no-repeat;
	font-size: 22px;
	line-height: 32px;
}
.item-lp_caresoap .caresoap-qa .qa-wrap dd span {
	display: block;
	font-size: 18px;
	line-height: 32px;
}

/*************************************************
	product caresoap
*************************************************/
.item-lp_caresoap .caresoap {
	padding: 76px 0 140px;
	background: #fff3c4;
}
.item-lp_caresoap .caresoap .product-ttl {
	max-width: 1028px;
	margin: 0 auto 45px;
}
.item-lp_caresoap .caresoap .notice li {
	font-size: 15px;
	line-height: 1.54;
}
.item-lp_caresoap .caresoap .container {
	max-width: 1048px;
}
.item-lp_caresoap .caresoap .product-list {
	display: flex;
	flex-wrap: wrap;
}
.item-lp_caresoap .caresoap .product-list .item {
	width: calc((100% - 48px) / 2);
	margin: 0 48px 0 0;
	padding: 50px 56px 32px;
	background: #fff;
	border: 1px solid #51ace2;
	border-radius: 20px;
}
.item-lp_caresoap .caresoap .product-list .item.full {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 48px 0 0;
}
.item-lp_caresoap .caresoap .product-list li:nth-of-type(2n) {margin-right: 0;}
.item-lp_caresoap .caresoap .product-list .item .img {border: 1px solid #ababab;}
.item-lp_caresoap .caresoap .product-list .item.full .img {
	display: flex;
	align-items: center;
	width: 41.32%;
	margin: 0 48px 0 0;
}
.item-lp_caresoap .caresoap .product-list .item .data {margin-top: 35px;}
.item-lp_caresoap .caresoap .product-list .item.full .data {margin-top: 0;}
.item-lp_caresoap .caresoap .product-list .item .data .item-name {
	font-size: 29px;
	font-weight: 700;
	line-height: 1.45;
	margin-bottom: 20px;
}
.item-lp_caresoap .caresoap .product-list .item .data .code,
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap * {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.32;
}
.item-lp_caresoap .caresoap .product-list .item .data .code {
	margin: 0 0 24px 0;
	padding: 0 0 14px 4px;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/caresoap/line_gray.svg) 0 bottom/ 8.1px 3px repeat-x;
}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap {margin-bottom: 14px;}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl {
	display: flex;
	align-items: center;
}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl.selling-price.tomonokai .price {font-weight: 700;}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl .empha-pink,
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl .empha-pink * {color: #ff6682;}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl .empha-pink .cta-member-price-inc {font-size: 48px;}
.item-lp_caresoap .caresoap .product-list .item .data .quantity {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .label {
	font-size: 18px;
	line-height: 1;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .select {
	position: relative;
	margin-left: 4px;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .select:after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 12px;
	width: 5px;
	height: 5px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg);
	pointer-events: none;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .select select {
	width: 64px;
	font-size: 13px;
	line-height: 18px;
	padding: 6px 32px 6px 12px;
	border: 1px solid #989898;
	border-radius: 3px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .select select::-ms-expand {display: none;}
.item-lp_caresoap .caresoap .product-list .item .data .cart-in-btn {
	display: block;
	width: 100%;
	background: #ff668d;
	text-align: center;
	padding: 13px 0;
	border-radius: 29px;
}
.item-lp_caresoap .caresoap .product-list .item .data .cart-in-btn span {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 27px;
	padding-left: 38px;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/caresoap/cart_icon01.svg) 0 center/26px 27px no-repeat;
}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap {margin-bottom: 30px;}	

/*************************************************
	product bubbleguard
*************************************************/
.item-lp_caresoap .bubble {
	padding: 108px 0 44px;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/caresoap/line_gray.svg) 0 bottom/ 8.1px 3px repeat-x;
}
.item-lp_caresoap .bubble .container {width: 1050px;}
.item-lp_caresoap .bubble .product-ttl {
	width: 734px;
	margin: 0 auto 45px;
}
.item-lp_caresoap .bubble .product-ttl img {
	margin: 0 auto;
}
.item-lp_caresoap .bubble .product-list {
	display: flex;
	flex-wrap: wrap;
}
.item-lp_caresoap .bubble .product-list .item {
	width: calc((100% - 114px) / 3);
	margin: 0 57px 54px 0;
}
.item-lp_caresoap .bubble .product-list .item.keitai {
	position: relative;
	z-index: 0;
}
.item-lp_caresoap .bubble .product-list .item.keitai::before {
	display: block;
	content: '';
	position: absolute;
	top: 14px;
	right: -72px;
	z-index: 1;
	width: 180px;
	height: 94px;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/caresoap/bubble_keitai_pc.svg) top center / 100% auto no-repeat;
}
.item-lp_caresoap .bubble .product-list li:nth-of-type(3n) {margin-right: 0;}
.item-lp_caresoap .bubble .product-list .item .img {border: 1px solid #9a9a9a;}
.item-lp_caresoap .bubble .product-list .item .data {margin-top: 20px;}
.item-lp_caresoap .bubble .product-list .item .data .item-name {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.75;
	margin-bottom: 15px;
	text-decoration: underline;
	letter-spacing: -0.08em;
}
.item-lp_caresoap .bubble .product-list .item .data .code,
.item-lp_caresoap .bubble .product-list .item .data .price-wrap * {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}
.item-lp_caresoap .bubble .product-list .item .data .price-wrap {margin-bottom: 12px;}
.item-lp_caresoap .bubble .product-list .item .data .price-wrap dl {
	display: flex;
	align-items: center;
}
.item-lp_caresoap .bubble .product-list .item .data .price-wrap dl.selling-price.tomonokai .cta-member-price-inc {font-weight: 700;}
.item-lp_caresoap .bubble .product-list .item .data .quantity {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .label {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.33;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .select {
	position: relative;
	margin-left: 4px;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .select:after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 12px;
	width: 5px;
	height: 5px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg);
	pointer-events: none;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .select select {
	width: 59px;
	font-size: 13px;
	line-height: 18px;
	padding: 6px 32px 6px 12px;
	border: 1px solid #989898;
	border-radius: 3px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .select select::-ms-expand {display: none;}
.item-lp_caresoap .bubble .product-list .item .data .cart-in-btn {
	display: block;
	width: 100%;
	background: #ff668d;
	text-align: center;
	padding: 13px 0;
	border-radius: 29px;
}
.item-lp_caresoap .bubble .product-list .item .data .cart-in-btn span {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	padding-left: 30px;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/caresoap/cart_icon02.svg) 0 center/19px 15px no-repeat;
}

/*************************************************
	product fukifuki
*************************************************/
.item-lp_caresoap .fukifuki {
	padding: 108px 0 44px;
}
.item-lp_caresoap .fukifuki .container {width: 1050px;}
.item-lp_caresoap .fukifuki .product-ttl {
	width: 568px;
	margin: 0 auto 45px;
}
.item-lp_caresoap .fukifuki .product-ttl img {
	margin: 0 auto;
}
.item-lp_caresoap .fukifuki .product-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.item-lp_caresoap .fukifuki .product-list .item {
	width: calc((100% - 114px) / 3);
	margin: 0 57px 54px 0;
}
.item-lp_caresoap .fukifuki .product-list li:nth-of-type(2n) {margin-right: 0;}
.item-lp_caresoap .fukifuki .product-list .item .img {border: 1px solid #9a9a9a;}
.item-lp_caresoap .fukifuki .product-list .item .data {margin-top: 20px;}
.item-lp_caresoap .fukifuki .product-list .item .data .item-name {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.75;
	margin-bottom: 15px;
	text-decoration: underline;
	letter-spacing: -0.08em;
}
.item-lp_caresoap .fukifuki .product-list .item .data .code,
.item-lp_caresoap .fukifuki .product-list .item .data .price-wrap * {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}
.item-lp_caresoap .fukifuki .product-list .item .data .price-wrap {margin-bottom: 12px;}
.item-lp_caresoap .fukifuki .product-list .item .data .price-wrap dl {
	display: flex;
	align-items: center;
}
.item-lp_caresoap .fukifuki .product-list .item .data .price-wrap dl.selling-price.tomonokai .cta-member-price-inc {font-weight: 700;}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .label {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.33;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .select {
	position: relative;
	margin-left: 4px;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .select:after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 12px;
	width: 5px;
	height: 5px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg);
	pointer-events: none;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .select select {
	width: 59px;
	font-size: 13px;
	line-height: 18px;
	padding: 6px 32px 6px 12px;
	border: 1px solid #989898;
	border-radius: 3px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .select select::-ms-expand {display: none;}
.item-lp_caresoap .fukifuki .product-list .item .data .cart-in-btn {
	display: block;
	width: 100%;
	background: #ff668d;
	text-align: center;
	padding: 13px 0;
	border-radius: 29px;
}
.item-lp_caresoap .fukifuki .product-list .item .data .cart-in-btn span {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	padding-left: 30px;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/caresoap/cart_icon02.svg) 0 center/19px 15px no-repeat;
}