@charset "utf-8";

.js-time_limited {
	display: none;
}
.js-time_limited_fire {
	display: block;
}
.item-lp_2103 {margin: 40px 0 -40px;}
.item-lp_2103 * {
	color: #4e4e4e;
	letter-spacing: 0;
	font-feature-settings: "palt";
}
.item-lp_2103 img {display: block;}
.item-lp_2103 .container {
	position: relative;
	z-index: 2;
	margin: 0 25px;
	padding: 0;
}

@media screen and (max-width: 350px) {
	.item-lp_2103 .container {
		margin: 0 20px;
	}
}

/*************************************************
	mv
*************************************************/
.item-lp_2103 .mv .mv03 {
	margin-top: -16px;
}

@media screen and (max-width: 350px) {
  .item-lp_2103 .mv .mv03 {
		margin-top: -13px;
	}
}

/*************************************************
	sec01
*************************************************/
.item-lp_2103 .sec01 {
	padding: 67px 0 68px;
	background-image: url(https://shabon.life/shop/f/assets/img/lp/view/2103/point_bg_sp.svg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-lp_2103 .sec01 .container {
	margin: 0 25px;
	padding: 28px 28px 42px;
	background: #fff;
	border-radius: 20px;
}
.item-lp_2103 .sec01 .point-item {
	position: relative;
}
.item-lp_2103 .sec01 .point-item.point01 {
	margin-bottom: 27px;
	padding-bottom: 30px;
	border-bottom: 3px dotted #d1ecf9;
}
.item-lp_2103 .sec01 .point-item .num {
	width: 60px;
	margin: 0 auto 20px;
}
.item-lp_2103 .sec01 .point-item .hd {
	margin-bottom: 20px;
	text-align: center;
	color: #0070b4;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}
.item-lp_2103 .sec01 .point-item .desc {
	font-size: 14px;
	line-height: 21.5px;
}
.item-lp_2103 .sec01 .point-item .use {
	display: flex;
	justify-content: center;
}
.item-lp_2103 .sec01 .point-item .use li {
	text-align: center;
	padding: 0 16px;
}
.item-lp_2103 .sec01 .point-item .use li h4 {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto 13px;
	border-radius: 50%;
	background-color: #a8ddf6;
	background-repeat: no-repeat;
}
.item-lp_2103 .sec01 .point-item .use li.item01 h4 {
	background-image: url(https://shabon.life/shop/f/assets/img/lp/view/2103/point_item01.svg);
	background-size: 50px auto;
	background-position: top 16px center;
}
.item-lp_2103 .sec01 .point-item .use li.item02 h4 {
	background-image: url(https://shabon.life/shop/f/assets/img/lp/view/2103/point_item02.svg);
	background-size: 39px auto;
	background-position: top 17px center;
}
.item-lp_2103 .sec01 .point-item .use li h4 span {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 17px;
	width: 100%;
	transform: translateX(-50%);
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
}
.item-lp_2103 .sec01 .point-item .use li p {
	color: #0070b4;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
}
.item-lp_2103 .sec01 .point-item .icon {
	position: absolute;
}
.item-lp_2103 .sec01 .point-item.point01 .icon {
	top: -3px;
	right: 16px;
	width: 53px;
}
.item-lp_2103 .sec01 .point-item.point02 .icon {
	top: -7px;
	left: 12px;
	width: 62px;
}

@media screen and (max-width: 350px) {
	.item-lp_2103 .sec01 {
		padding: 60px 0 52px;
  }
  .item-lp_2103 .sec01 .container {
		margin: 0 20px;
		padding: 22px 22px 34px;
		border-radius: 16px;
  }
	.item-lp_2103 .sec01 .point-item.point01 {
		margin-bottom: 22px;
		padding-bottom: 24px;
		border-bottom: 2px dotted #d1ecf9;
	}
  .item-lp_2103 .sec01 .point-item .num {
		margin-bottom: 22px;
		padding-bottom: 24px;
  }
	.item-lp_2103 .sec01 .point-item .desc {
		font-size: 11px;
		line-height: 17px;
	}
  .item-lp_2103 .sec01 .point-item .use li  {
    padding: 0 13px;
  }
  .item-lp_2103 .sec01 .point-item .use li h4 {
		width: 80px;
		height: 80px;
		margin: 0 auto 10px;
  }
	.item-lp_2103 .sec01 .point-item .use li.item01 h4 {
		background-size: 40px auto;
		background-position: top 13px center;
	}
	.item-lp_2103 .sec01 .point-item .use li.item02 h4 {
		background-size: 31px auto;
		background-position: top 14px center;
	}
	.item-lp_2103 .sec01 .point-item .use li h4 span {
		bottom: 14px;
		font-size: 16px;
	}
  .item-lp_2103 .sec01 .point-item .use li p {
		font-size: 12px;
  }
	.item-lp_2103 .sec01 .point-item.point01 .icon {
		top: -2px;
		right: 13px;
		width: 42px;
	}
	.item-lp_2103 .sec01 .point-item.point02 .icon {
		top: -6px;
		left: 10px;
		width: 50px;
	}
}

/*************************************************
	sec02
*************************************************/
.item-lp_2103 .sec02 {
	padding: 67px 25px 122px;
}
.item-lp_2103 .sec02 .favorite {
	position: relative;
	z-index: 0;
	border: 6px solid #d5edf9;
}
.item-lp_2103 .sec02 .favorite .hd {
	width: 294px;
	margin: -30px auto 20px;
}
.item-lp_2103 .sec02 .favorite .wrapper {
	padding: 0 10px 147px;
}
.item-lp_2103 .sec02 .favorite .wrapper .item:not(:last-of-type) {
	margin-bottom: 16px;
	padding-bottom: 20px;
	border-bottom: 3px dotted #d1ecf9;
}
.item-lp_2103 .sec02 .favorite .wrapper .item h4 {
	margin-bottom: 15px;
	text-align: center;
	
}
.item-lp_2103 .sec02 .favorite .wrapper .item h4 span {
	display: inline-block;
	background:linear-gradient(transparent 75%, #fff624 75%);
	color: #0070b4;
	font-size: 20px;
	font-weight: 700;
	line-height: 29px;
}
.item-lp_2103 .sec02 .favorite .wrapper .item p {
	text-align: center;
	font-size: 14px;
	line-height: 21.5px;
}
.item-lp_2103 .sec02 .favorite .wrapper .item .notice {
	margin: 8px 20px 0;
}
.item-lp_2103 .sec02 .favorite .icon {
	position: absolute;
	z-index: 1;
	width: 72px;
	top: 10px;
	right: 9px;
}
.item-lp_2103 .sec02 .favorite .maeda {
	position: absolute;
	z-index: 1;
	bottom: -90px;
	left: calc(50% - 90px);
	width: 180px;
}
.item-lp_2103 .sec02 .favorite .maeda .img {
	width: 174px;
	margin: -10px 0 0 auto;
}

@media (max-width:350px){
	.item-lp_2103 .sec02 {
		padding: 54px 20px 98px;
  }
  .item-lp_2103 .sec02 .favorite {
		border: 5px solid #d5edf9;
  }
  .item-lp_2103 .sec02 .favorite .hd {
		width: 235px;
		margin: -24px auto 16px;
  }
  .item-lp_2103 .sec02 .favorite .wrapper {
		padding: 0 8px 118px;
  }
	.item-lp_2103 .sec02 .favorite .wrapper .item:not(:last-of-type) {
		margin-bottom: 13px;
		padding-bottom: 16px;
		border-bottom: 2px dotted #d1ecf9;
	}
  .item-lp_2103 .sec02 .favorite .wrapper .item h4 {
		margin-bottom: 12px;
  }
	.item-lp_2103 .sec02 .favorite .wrapper .item h4 span {
		font-size: 16px;
		line-height: 23px;
	}
  .item-lp_2103 .sec02 .favorite .wrapper .item p {
		font-size: 11px;
		line-height: 17px;
  }
	.item-lp_2103 .sec02 .favorite .wrapper .item .notice {
		margin: 6px 16px 0;
	}
  .item-lp_2103 .sec02 .favorite .icon {
		width: 58px;
		top: 8px;
		right: 7px;
  }
	.item-lp_2103 .sec02 .maeda .hd {
		width: 227px;
		margin: 0 auto 13px;
	}
	.item-lp_2103 .sec02 .maeda .person {
		width: 128px;
		margin: -12px auto;
	}
	.item-lp_2103 .sec02 .maeda .message {
		padding: 11px 11px 48px 16px;
	}
	.item-lp_2103 .sec02 .maeda .message p {
		font-size: 11px;
		line-height: 23px;
	}
	.item-lp_2103 .sec02 .maeda .message p:not(:last-of-type) {
		margin-bottom: 8px;
		border-bottom: 2px dotted #d1ecf9;
	}
	.item-lp_2103 .sec02 .favorite .maeda {
		position: absolute;
		z-index: 1;
		bottom: -68px;
		left: calc(50% - 71px);
		width: 142px;
	}
	.item-lp_2103 .sec02 .favorite .maeda .img {
		width: 139px;
		margin: -8px 0 0 auto;
	}
}

/*************************************************
	sec03
*************************************************/
.item-lp_2103 .sec03 {
	position: relative;
	height: 2257px;
	padding: 45px 0 0;
	background-color: transparent;
	background-image: url(https://shabon.life/shop/f/assets/img/lp/view/2103/example_bg_sp.svg);
	background-position: top center;
	background-size: auto 100%;
	background-repeat: repeat-x;
}
.item-lp_2103 .sec03 .hd {
	width: 118px;
	margin: 0 auto 21px;
}
.item-lp_2103 .sec03 .container {
	background: #fff;
	margin: 0 25px;
	padding: 26px 21px 24px;
	border-radius: 20px;
}
.item-lp_2103 .sec03 h4 {
	margin-bottom: 20px;
	padding: 0 25px;
}
.item-lp_2103 .sec03 .step {
	position: relative;
	margin-bottom: 14px;
	padding-bottom: 45px;
}
.item-lp_2103 .sec03 .maeda {
	width: 178px;
	margin: 0 auto 27px;
}
.item-lp_2103 .sec03 .maeda .img {
	width: 170px;
	margin: -14px auto 0;
}
.item-lp_2103 .sec03 .step.step04 {
	margin-bottom: 0;
	padding-bottom: 0;
	background-image: url(https://shabon.life/shop/f/assets/img/lp/view/2103/example_step_star01.svg),url(https://shabon.life/shop/f/assets/img/lp/view/2103/example_step_star02.svg);
	background-repeat: no-repeat;
	background-position: top 6px right 6px, left 7px bottom 90px;
	background-size: 40px auto, 14px auto;
	background-repeat: no-repeat;
}
.item-lp_2103 .sec03 .step:not(.step04)::after {
	position: absolute;
	content: '';
	display: block;
	left: calc(50% - 28px);
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 28px 28px 0 28px;
	border-color: #cf465a transparent transparent transparent;
}
.item-lp_2103 .sec03 .step .img {
	margin: 0 auto 10px;
}
.item-lp_2103 .sec03 .step.step01 .img {
	padding: 0 25px;
}
.item-lp_2103 .sec03 .step.step02 .img {
	padding: 0 13px;
}
.item-lp_2103 .sec03 .step.step03 .img {
	padding: 0 13px;
}
.item-lp_2103 .sec03 .step.step04 .img {
	padding: 0 25px;
}
.item-lp_2103 .sec03 .step .desc {
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 21.5px;
}
.item-lp_2103 .sec03 .step.step03 .desc {
	margin-bottom: 30px;
}
.item-lp_2103 .sec03 .note {
	padding: 25px 0 15px;
	border: 1px solid #595959;
	border-radius: 8px;
}
.item-lp_2103 .sec03 .note h5 {
	width: 136px;
	margin: -40px auto 12px;
	height: 28px;
	border-radius: 14px;
	background: #595959;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 28px;
}
.item-lp_2103 .sec03 .note p {
	text-align: center;
	color: #595959;
	font-size: 14px;
	line-height: 19px;
}

@media (max-width:350px){
	.item-lp_2103 .sec03 {
		height: 1868px;
    padding: 36px 0 0;
	}
	.item-lp_2103 .sec03::before {
		top: -36px;
		height: 36px;
	}
	.item-lp_2103 .sec03::after {
		bottom: -18px;
		height: 18px;
	}
	.item-lp_2103 .sec03 .hd {
		width: 94px;
		margin: 0 auto 17px;
	}
	.item-lp_2103 .sec03 .container {
		margin: 0 20px;
		padding: 21px 17px 19px;
		border-radius: 16px;
	}
	.item-lp_2103 .sec03 h4 {
		margin-bottom: 16px;
		padding: 0 20px;
	}
	.item-lp_2103 .sec03 .maeda {
		width: 142px;
		margin: 0 auto 22px;
	}
	.item-lp_2103 .sec03 .maeda .img {
		width: 136px;
		margin: -11px auto 0;
	}
	.item-lp_2103 .sec03 .step {
		margin-bottom: 11px;
		padding-bottom: 36px;
	}
	.item-lp_2103 .sec03 .step.step04 {
		background-position: top 5px right 5px, left 6px bottom 72px;
		background-size: 32px auto, 11px auto;
	}
	.item-lp_2103 .sec03 .step:not(.step04)::after {
		left: calc(50% - 22px);
		border-width: 22px 22px 0 22px;
	}
	.item-lp_2103 .sec03 .step .img {
		margin: 0 auto 8px;
	}
	.item-lp_2103 .sec03 .step.step01 .img {
		padding: 0 20px;
	}
	.item-lp_2103 .sec03 .step.step02 .img {
		padding: 0 10px;
	}
	.item-lp_2103 .sec03 .step.step03 .img {
		padding: 0 10px;
	}
	.item-lp_2103 .sec03 .step.step04 .img {
		padding: 0 20px;
	}
	.item-lp_2103 .sec03 .step .desc {
		font-size: 11px;
		line-height: 17px;
	}
	.item-lp_2103 .sec03 .step.step03 .desc {
		margin-bottom: 24px;
	}
	.item-lp_2103 .sec03 .note {
		padding: 20px 0 12px;
		border-radius: 6px;
	}
	.item-lp_2103 .sec03 .note h5 {
		width: 109px;
		height: 22px;
		margin: -32px auto 10px;
		border-radius: 11px;
		font-size: 11px;
		line-height: 22px;
	}
	.item-lp_2103 .sec03 .note p {
		font-size: 11px;
		line-height: 15px;
	}
}

/*************************************************
	CTA
*************************************************/
.item-lp_2103 .product {
	padding: 40px 0 32px;
}
.item-lp_2103 .product .hd {
	width: 278px;
	margin: 0 auto 24px;
}
.item-lp_2103 .product .product-list .item {
	padding: 30px 28px 25px;
	background: #fff;
	border: 1px solid #009ee9;
	border-radius: 10px;
}
.item-lp_2103 .product .product-list .item:not(:last-of-type) {
	margin: 0 0 27px;
}
.item-lp_2103 .product .product-list .item .data .item-name {
	margin: 0 0 15px;
	padding-bottom: 12px;
	border-bottom: 2px dotted #444344;
}
.item-lp_2103 .product .product-list .item .data .item-name img {
	width: auto;
	height: 50px;
}
.item-lp_2103 .product .product-list .item .data .code,
.item-lp_2103 .product .product-list .item .data .price-wrap * {
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}
.item-lp_2103 .product .product-list .item .data .price-wrap dl {
	display: flex;
	align-items: center;
	margin: 0 0 12px;
}
.item-lp_2103 .product .product-list .item .data .price-wrap dl.selling-price.tomonokai .price {font-weight: 700;}
.item-lp_2103 .product .product-list .item .data .price-wrap dl .empha-pink {
	font-size: 16px;
}
.item-lp_2103 .product .product-list .item .data .price-wrap dl .empha-pink,
.item-lp_2103 .product .product-list .item .data .price-wrap dl .empha-pink * {color: #e06380;}
.item-lp_2103 .product .product-list .item .data .price-wrap dl .empha-pink .cta-member-price-inc {font-size: 28px;}
.item-lp_2103 .product .product-list .item .data .quantity {
	display: flex;
	align-items: center;
	margin: 0 0 12px;
}
.item-lp_2103 .product .product-list .item .data .quantity .label {
	margin-right: 10px;
	font-size: 15px;
	line-height: 1;
}
.item-lp_2103 .product .product-list .item .data .quantity .select {
	position: relative;
	margin: 0 0 10px;
}
.item-lp_2103 .product .product-list .item .data .quantity .select:after {
	content: "";
	position: absolute;
	top: calc(50% - 3px);
	right: 12px;
	width: 6px;
	height: 6px;
	border-right: 1px solid #444344;
	border-bottom: 1px solid #444344;
	transform: rotate(45deg);
	pointer-events: none;
}
.item-lp_2103#j-lp .product .product-list .item .data .quantity .select select {
	width: 70px;
	height: 30px;
	font-size: 18px;
	line-height: 1;
	padding: 5px 30px 4px 17px;
	border: 1px solid #8f8f8f !important;
	border-radius: 2px;
	background: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.item-lp_2103 .product .product-list .item .data .quantity .select select::-ms-expand {display: none;}
.item-lp_2103 .product .product-list .item .data .cart-in-btn {
	display: block;
	width: 226px;
	background: #e06380;
	text-align: center;
	padding: 9px 0;
	border-radius: 17px;
}
.item-lp_2103 .product .product-list .item .data .cart-in-btn span {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	padding-left: 30px;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/2103/cart_icon01.svg) 0 center/19px 20px no-repeat;
}

@media screen and (max-width:350px) {
	.item-lp_2103 .product {
		padding: 32px 0 26px;
	}
	.item-lp_2103 .product .hd {
		width: 222px;
		margin: 0 auto 19px;
	}
	.item-lp_2103 .product .product-list .item {
		padding: 24px 22px 20px;
		border-radius: 8px;
	}
	.item-lp_2103 .product .product-list .item .data .item-name {
		margin: 0 0 12px;
		padding-bottom: 10px;
	}
	.item-lp_2103 .product .product-list .item .data .item-name img {
		height: 40px;
	}
	.item-lp_2103 .product .product-list .item .data .code,
	.item-lp_2103 .product .product-list .item .data .price-wrap * {
		font-size: 11px;
	}
	.item-lp_2103 .product .product-list .item .data .price-wrap dl {
		margin: 0 0 10px;
	}
	.item-lp_2103 .product .product-list .item .data .price-wrap dl .empha-pink {
		font-size: 13px;
	}
	.item-lp_2103 .product .product-list .item .data .price-wrap dl .empha-pink .cta-member-price-inc {
		font-size: 22px;
	}
	.item-lp_2103 .product .product-list .item .data .quantity {margin: 0 0 10px;}
	.item-lp_2103 .product .product-list .item .data .quantity .label {margin-right: 10px;}
	.item-lp_2103 .product .product-list .item .data .quantity .select:after {
		content: "";
		position: absolute;
		top: calc(50% - 2px);
		right: 10px;
		width: 5px;
		height: 5px;
	}
	.item-lp_2103 .product .product-list .item .data .quantity .select select {
		width: 56px;
		height: 24px;
		padding: 5px 24px 3px 14px;
		font-size: 14px;
	}
	.item-lp_2103 .product .product-list .item .data .cart-in-btn {
		display: block;
		width: 180px;
		background: #e06380;
		text-align: center;
		padding: 7px 0;
		border-radius: 14px;
	}
	.item-lp_2103 .product .product-list .item .data .cart-in-btn span {
		padding-left: 24px;
		background-size: 15.2px 16px;
		font-size: 12px;
	}
}