@charset "utf-8";

.item-lp_yokuyou {margin: 40px 0 -40px;}
.item-lp_yokuyou * {
	color: #444344;
	letter-spacing: 0;
	font-feature-settings: "palt";
}
.item-lp_yokuyou .txt {
	font-size: 14px;
	line-height: 20px;
}
.item-lp_yokuyou img {width: auto;}
.item-lp_yokuyou .container {
	position: relative;
	width: calc(100% - 48px);
	margin: 0 auto;
	padding: 0;
}
@media screen and (min-width:643px) {
	.item-lp_yokuyou .txt {
		font-size: 15px;
		line-height: 21px;
	}
	.item-lp_yokuyou .container {
		width: calc(100% - 80px);
	}
}
@media screen and (max-width:413px) {
	.item-lp_yokuyou .container {
		width: calc(100% - 10vmin);
	}
}

/*************************************************

	mv

*************************************************/
.item-lp_yokuyou .mv {
	position: relative;
	width: 100%;
	height: 173.43vw;
	max-height: 1328px;
	background: #eeedea;
	margin: 0 auto;
	overflow: hidden;
}
.item-lp_yokuyou .mv .ttl {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 2;
}
.item-lp_yokuyou .mv .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1;
}
.item-lp_yokuyou .mv .ttl img,
.item-lp_yokuyou .mv .bg img {
	display: block;
	width: 100%;
	max-width: 768px;
	height: auto;
	margin: 0 auto;
}
.item-lp_yokuyou .mv .deco {
	position: absolute;
	z-index: 3;
}
.item-lp_yokuyou .mv .deco.left {
	top: 30px;
	left: 10px;
	width: 13.043vw;
	max-width: 54px;
}
.item-lp_yokuyou .mv .deco.right {
	top: 29px;
	right: -3px;
	width: 18.116vw;
	max-width: 75px;
}

/*************************************************

	about

*************************************************/
.item-lp_yokuyou .about {margin-bottom: 30px;}
.item-lp_yokuyou .about .about_ttl {
	position: absolute;
	top: -14.493vw;
	left: -24px;
	width: calc(100% + 48px);
	margin: 0;
	text-align: center;
	z-index: 3;
}
.item-lp_yokuyou .about .about_ttl img {
	width: 93.116vw;
	max-width: 385px;
}
@media screen and (min-width:414px) {
	.item-lp_yokuyou .about .about_ttl {
		top: -60px;
	}
}

.item-lp_yokuyou .about .feature-wrap {padding: 38px 0 116px;}
.item-lp_yokuyou .about .feature {
	position: relative;
	width: 100%;
	margin-bottom: 45px;
}
.item-lp_yokuyou .about .feature:last-child {margin-bottom: 0;}
.item-lp_yokuyou .about .feature .feature_img {
	position: relative;
	width: 200px;
	height: 200px;
	background: #ffdfe2;
	border: 1px solid #ff6682;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto -15px;
	z-index: 2;
}
.item-lp_yokuyou .about .feature .feature_content {
	background: #ffcacf;
	padding: 6px;
	border-radius: 7.5px;
	box-sizing: border-box;
}
.item-lp_yokuyou .about .feature .feature_content .feature_content_bg {
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 5.5px;
}
.item-lp_yokuyou .about .feature .feature_content .feature_content_inner {padding: 22.5px 20px 12.5px;}
@media screen and (max-width:359px) {
	.item-lp_yokuyou .about .feature .feature_content .feature_content_inner {padding: 22.5px 3.5vmin 12.5px;}
}
.item-lp_yokuyou .about .feature .feature_content .feature_ttl {
	text-align: center;
	margin-bottom: 14px;
	padding-bottom: 20px;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/yokuyou/u-line_pink.svg) 0 bottom/4px 2px repeat-x;
}
.item-lp_yokuyou .about .feature:nth-child(1) .feature_content .feature_ttl img {width: 231px;}
.item-lp_yokuyou .about .feature:nth-child(2) .feature_content .feature_ttl img {width: 215px;}
.item-lp_yokuyou .about .feature:nth-child(3) .feature_content .feature_ttl img {width: 237px;}
.item-lp_yokuyou .about .feature .deco {
	position: absolute;
	z-index: 3;
}
.item-lp_yokuyou .about .feature:nth-child(1) .deco.left {
	top: 12px;
	left: -8px;
	width: 55px;
}
.item-lp_yokuyou .about .feature:nth-child(1) .deco.right {
	top: 45px;
	right: -8px;
	width: 52px;
}
.item-lp_yokuyou .about .feature:nth-child(2) .deco.left {
	top: 42px;
	left: -8px;
	width: 47px;
}
.item-lp_yokuyou .about .feature:nth-child(2) .deco.right {
	top: 14px;
	right: -12px;
	width: 55px;
}
.item-lp_yokuyou .about .feature:nth-child(3) .deco.left {
	top: 17px;
	left: -8px;
	width: 44px;
}
.item-lp_yokuyou .about .feature:nth-child(3) .deco.right {
	top: 42px;
	right: -4px;
	width: 36px;
}

.item-lp_yokuyou .about .feature .feature_content .notice {position: relative;}
.item-lp_yokuyou .about .feature .feature_content .notice .notice_txt {
	background: #ff6682;
	margin-top: 8px;
	padding: 10px 12px;
	border-radius: 10px;
}
.item-lp_yokuyou .about .feature .feature_content .notice .notice_txt img {
	display: block;
	width: 55.314vw;
	max-width: 229px;
}
.item-lp_yokuyou .about .feature .feature_content .notice .notice_img {
	position: absolute;
	top: -10px;
	right: -32px;
	width: 96px;
	border: 1px solid #ff6682;
	border-radius: 50%;
	overflow: hidden;
}

.item-lp_yokuyou .about .moist {
	position: relative;
	background: #fff2cb;
	border-radius: 25px;
	text-align: center;
	padding: 98px 5vmin 158px;
}
.item-lp_yokuyou .about .moist .moist_ttl {
	position: absolute;
	top: -86px;
	left: calc(50% - 131px);
}
.item-lp_yokuyou .about .moist .moist_ttl img {width: 262px;}
.item-lp_yokuyou .about .moist .moist_catch {
	text-align: center;
	margin-bottom: 12.5px;
}
.item-lp_yokuyou .about .moist .moist_catch img {
	width: 100%;
	max-width: 301px;
}
.item-lp_yokuyou .about .moist .txt {
	color: #008fda;
	font-size: 16px;
	line-height: 21px;
	font-weight: 700;
	text-align: center;
}
@media screen and (max-width:359px) {
	.item-lp_yokuyou .about .moist .txt {
		font-size: 14px;
		line-height: 18px;
	}
}
.item-lp_yokuyou .about .moist .deco {
	position: absolute;
	z-index: 3;
}
.item-lp_yokuyou .about .moist .deco.left {
	bottom: 0;
	left: 22px;
	width: 201px;
}
.item-lp_yokuyou .about .moist .deco.right {
	bottom: 24px;
	right: 34px;
	width: 86px;
}

/*************************************************

	saponify & nature

*************************************************/
.item-lp_yokuyou .dot-back {
	background-color: #cbe4ff;
	background-image:
	radial-gradient(#beddff 20%, transparent 20%),
	radial-gradient(#beddff 20%, transparent 20%);
	background-size: 10px 10px;
	background-position: 0 0, 5px 5px;
	margin-bottom: 8px;
	padding: 27px 0;
}
.item-lp_yokuyou .dot-back .container > section {
	background: #fff;
	border: 2px solid #008fda;
	border-radius: 10px;
	margin-bottom: 27px;
}
.item-lp_yokuyou .dot-back .container > section:last-child {margin-bottom: 0;}
.item-lp_yokuyou .dot-back .container > section > .sec_wrap {
	width: calc(100% - 32px);
	margin: 20px auto 15px;
}
.item-lp_yokuyou .dot-back .u-line {
	background: url(https://shabon.life/shop/f/assets/img/lp/view/yokuyou/u-line_blue.svg) 0 bottom/4px 2px repeat-x;
}

/* saponify */
.item-lp_yokuyou .saponify .saponify_ttl {
	text-align: center;
	background: #008fda;
	padding: 16px 0 15px;
	border-radius: 5px 5px 0 0;
}
.item-lp_yokuyou .saponify .saponify_ttl img {width: 245px;}

.item-lp_yokuyou .saponify .explan {padding-bottom: 25px;}
.item-lp_yokuyou .saponify .explan .txt {
	text-align: justify;
	margin-bottom: 12px;
}
.item-lp_yokuyou .saponify .explan .explan_img {
	width: 100%;
	max-width: 332px;
	margin: 0 auto;
	border-radius: 18px;
	overflow: hidden;
}
.item-lp_yokuyou .saponify .compar {padding: 25px 0 28px;}
.item-lp_yokuyou .saponify .compar .compar_table {
	text-align: center;
	margin-bottom: 18px;
}
.item-lp_yokuyou .saponify .compar .compar_table img {
	width: 100%;
	max-width: 332px;
}
.item-lp_yokuyou .saponify .compar .txt {
	font-size: 13px;
	line-height: 17px;
	text-align: justify;
	background: #fff2cb;
	padding: 12px 16px;
	border-radius: 10px;
	box-sizing: border-box;
}
.item-lp_yokuyou .saponify .tech {padding: 21px 0;}
.item-lp_yokuyou .saponify .tech .left-sec .tech_ttl {
	text-align: center;
	margin-bottom: 12px;
}
.item-lp_yokuyou .saponify .tech .left-sec .tech_ttl img {width: 100%; max-width: 172px;}
.item-lp_yokuyou .saponify .tech .left-sec .txt {
	text-align: justify;
	margin-bottom: 12px;
}
.item-lp_yokuyou .saponify .tech .right-sec .tech_img {
	width: 100%;
	max-width: 332px;
	margin: 0 auto;
	border-radius: 18px;
	overflow: hidden;
}
.item-lp_yokuyou .saponify .tech .right-sec .tech_figure {
	text-align: center;
	margin-top: 26px;
}
.item-lp_yokuyou .saponify .tech .right-sec .tech_figure.type2 {background: url(https://shabon.life/shop/f/assets/img/common/shabon_chan.png) right bottom / 80px auto no-repeat;}
.item-lp_yokuyou .saponify .tech .right-sec .tech_figure img {
	width: 100%;
	max-width: 298px;
}
.item-lp_yokuyou .saponify .video {
	position: relative;
	width: 100%;
	height: 51.449vw;
	background: #d3d3d3;
	margin-bottom: 12.5px;
	border: 1px solid #444344;
}
.item-lp_yokuyou .saponify .video .video_cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 2;
}
.item-lp_yokuyou .saponify .video .video_cover .video_thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.item-lp_yokuyou .saponify .video .video_cover .video_play {
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	width: 40px;
	z-index: 4;
}
.item-lp_yokuyou .saponify .material {
	background: #e3ecf1;
	border-radius: 15px;
	padding: 21px 15px 17px;
}
.item-lp_yokuyou .saponify .material .material_ttl {
	text-align: center;
	margin-bottom: 16px;
}
.item-lp_yokuyou .saponify .material .material_ttl span {
	display: inline-block;
	width: 140px;
	padding-bottom: 12px;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/yokuyou/u-line_blue.svg) 0 bottom/4px 8px repeat-x;
}
.item-lp_yokuyou .saponify .material .material_ttl span img {width: 112.5px;}
.item-lp_yokuyou .saponify .material .material_entry {
	background: #fff;
	border-radius: 15px;
	margin-bottom: 16px;
	padding: 20px 15px;
}
.item-lp_yokuyou .saponify .material .material_entry .material_entry_ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.item-lp_yokuyou .saponify .material .material_entry:nth-of-type(1) .material_entry_ttl img {width: 70px;}
.item-lp_yokuyou .saponify .material .material_entry:nth-of-type(2) .material_entry_ttl img {width: 65px;}
.item-lp_yokuyou .saponify .material .note {
	text-align: center;
	margin-top: 12.5px;
}
.item-lp_yokuyou .saponify .material .note p {
	display: block;
	font-size: 12px;
	line-height: 15px;
	background: #fff;
	padding: 6px 0;
	border: 1px solid #444344;
	border-radius: 9px;
}

/* nature */
.item-lp_yokuyou .nature .discolor {
	position: relative;
	margin-bottom: 44px;
	padding: 8.696vw 0 5.797vw;
	background: #b8c8bd;
	background: linear-gradient(to left, #b4c5ba, #bfcec8 50%, #adbdb2 100%); 
	overflow: hidden;
}
.item-lp_yokuyou .nature .discolor .discolor_ttl {
	position: relative;
	width: 100%;
	text-align: center;
	margin: 0 auto 74.396vw;
	z-index: 2;
}
.item-lp_yokuyou .nature .discolor .discolor_ttl img {width: 204px;}
.item-lp_yokuyou .nature .discolor .txt {
	position: relative;
	left: 0;
	width: calc(100% - 40px);
	text-align: justify;
	margin: 0 auto;
	z-index: 2;
}
.item-lp_yokuyou .nature .discolor .discolor_bg {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	transform: translate(-50%,0);
	z-index: 1;
	text-align: center;
}
@media screen and (min-width:472px) {
	.item-lp_yokuyou .nature .discolor .discolor_bg {
		top: 25%;
		transform: translate(-50%,-25%);
	}
}

.item-lp_yokuyou .nature .draining {padding-bottom: 32px;}
.item-lp_yokuyou .nature .draining .draining_content {
	position: relative;
	background: #fff2cb;
	margin: 155px 0 22px;
	padding: 32px 16px 16px;
	border-radius: 10px;
}
.item-lp_yokuyou .nature .draining .draining_content .draining_ttl {
	position: absolute;
	top: -112px;
	left: 0;
	width: 100%;
	margin-bottom: 6px;
	text-align: center;
}
@media screen and (max-width:413px) {
	.item-lp_yokuyou .nature .draining .draining_content {
		margin: calc(25.604vw + 44px) 0 22px;
	}
	.item-lp_yokuyou .nature .draining .draining_content .draining_ttl {
		top: calc(-25.604vw + -6px);
	}
}
.item-lp_yokuyou .nature .draining .draining_content .draining_ttl img {
	width: 100%;
	max-width: 332px;
}
.item-lp_yokuyou .nature .draining .draining_content .draining_eco-friendly {
	position: relative;
	text-align: center;
	margin-bottom: 26px;
}
.item-lp_yokuyou .nature .draining .draining_content .draining_eco-friendly img {
	width: 100%;
	max-width: 296px;
}
.item-lp_yokuyou .nature .draining .draining_content .txt {
	margin: 0 auto;
	text-align: justify;
}
.item-lp_yokuyou .nature .draining .draining_flow {}
.item-lp_yokuyou .nature .draining .draining_flow .draining_flow_entry {
	position: relative;
	width: 210px;
	margin: 0 auto 39px;
	background: #d9f1cd;
	border-radius: 50%;
}
.item-lp_yokuyou .nature .draining .draining_flow .draining_flow_entry:last-child {margin-bottom: 0;}
.item-lp_yokuyou .nature .draining .draining_flow .draining_flow_entry:after {
	content: "";
	position: absolute;
	bottom: -26px;
	left: calc(50% - 16px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 16px 0 16px;
	border-color: #64b42c transparent transparent transparent;
}
.item-lp_yokuyou .nature .draining .draining_flow .draining_flow_entry:last-child:after {display: none;}

.item-lp_yokuyou .nature .package {
	margin-bottom: 30px;
	padding: 30px 0;
}
.item-lp_yokuyou .nature .package .package_ttl {
	text-align: center;
	margin-bottom: 22px;
	padding: 16px 0;
	background: #fff2cb;
	border-radius: 10px;
}
.item-lp_yokuyou .nature .package .package_ttl img {
	width: calc(100% - 40px);
	max-width: 295px;
}
.item-lp_yokuyou .nature .package .package_content {margin-bottom: 20px;}
.item-lp_yokuyou .nature .package .package_content .package_content_ttl {
	text-align: center;
	margin-bottom: 14px;
}
.item-lp_yokuyou .nature .package .package_content .package_content_ttl img {
	width: 100%;
	max-width: 316px;
}
.item-lp_yokuyou .nature .package .package_content .txt {text-align: justify;}
.item-lp_yokuyou .nature .package .package_mark {
	background: #d8e6f2;
	padding: 20px 20px 16px;
	border-radius: 11px;
}
.item-lp_yokuyou .nature .package .package_mark .package_mark_logo {
	display: block;
	width: 48px;
	margin: 0 auto 15px;
}
.item-lp_yokuyou .nature .package .package_mark dl dt {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	margin-bottom: 6px;
}
.item-lp_yokuyou .nature .package .package_mark dl dd {
	font-size: 13px;
	line-height: 17.5px;
	text-align: center;
}

.item-lp_yokuyou .nature .support .support_ttl {
	font-size: 18.5px;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	margin-top: 60px;
}
.item-lp_yokuyou .nature .support .support_ttl span {
	display: block;
	font-size: 12.5px;
	line-height: 18px;
	font-weight: inherit;
	margin-top: 4px;
}
.item-lp_yokuyou .nature .support .support_donate {
	position: relative;
	margin-top: 92px;
	padding: 26px 10px 18px;
	border: 2px solid #008fda;
}
.item-lp_yokuyou .nature .support .support_donate:before {
	content: "";
	position: absolute;
	top: -2px;
	left: calc(50% - 52px);
	width: 104px;
	height: 2px;
	background: #fff;
	z-index: 1;
}
.item-lp_yokuyou .nature .support .support_donate .support_donate_logo {
	position: absolute;
	top: -62px;
	left: calc(50% - 42px);
	width: 82px;
	z-index: 2;
}
.item-lp_yokuyou .nature .support .support_donate .txt {
	color: #008fda;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	text-align: center;
}

.item-lp_yokuyou .nature .support .support_link {
	display: block;
	position: relative;
	width: 244px;
	text-align: center;
	margin: 30px auto 0;
	padding: 14px 0;
	background: #008fda;
	border-radius: 22px;
}
.item-lp_yokuyou .nature .support .support_link:after {
	content: "";
	position: absolute;
	top: calc(50% - 5.5px);
	right: 21px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.5px 0 5.5px 6px;
	border-color: transparent transparent transparent #fff;
	pointer-events: none;
}
.item-lp_yokuyou .nature .support .support_link img {
	display: block;
	width: 171px;
	margin: 0 auto;
}
.item-lp_yokuyou .nature .support .support_direction-wrap {margin-top: 24px;}
.item-lp_yokuyou .nature .support .support_direction {
	margin-bottom: 12.5px;
	padding: 16px;
	border: 1px solid #ababab;
	border-radius: 10px;
	box-sizing: border-box;
}
.item-lp_yokuyou .nature .support .support_direction:last-child {margin-bottom: 0;}
.item-lp_yokuyou .nature .support .support_direction dt {
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 12px;
}
.item-lp_yokuyou .nature .support .support_direction dd {
	font-size: 13px;
	line-height: 17.5px;
	text-align: justify;
}

/*************************************************

	lineup

*************************************************/
.item-lp_yokuyou .lineup {
	position: relative;
	background: #fff4e2;
	padding: 54px 0 27px;
}
.item-lp_yokuyou .lineup .lineup_ttl {
	text-align: center;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/yokuyou/u-line_pink.svg) 0 bottom/4px 2px repeat-x;
	padding-bottom: 16px;
}
.item-lp_yokuyou .lineup .lineup_img {text-align: center;}
.item-lp_yokuyou .lineup .lineup_type {
	width: 100%;
	max-width: 320px;
	background: #fff;
	margin: 0 auto;
	border: 6px solid #ffe0e5;
	border-radius: 15px;
}
.item-lp_yokuyou .lineup .lineup_type img {display: block;}
.item-lp_yokuyou .lineup .lineup_type dt {padding: 10px 0 8px;}
.item-lp_yokuyou .lineup .lineup_type dt img {
	width: 72px;
	margin: 0 auto;
}
.item-lp_yokuyou .lineup .lineup_type dd {
	background: #ffe0e5;
	padding: 12px 24px 8px;
	border-radius: 0 0 10px 10px;
	border: 2px solid #fff;
}
.item-lp_yokuyou .lineup .lineup_type dd img {margin: 0 auto;}
.item-lp_yokuyou .lineup .lineup_type dd p {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	margin-top: 8px;
}

.item-lp_yokuyou .lineup .lineup_main-product {
	position: relative;
	display: flex;
	flex-direction: column-reverse;
	margin-bottom: 75px;
	z-index: 4;
}
.item-lp_yokuyou .lineup .lineup_main-product .lineup_content {
	width: 100%;
	max-width: 334px;
	margin: 14px auto 0;
}
.item-lp_yokuyou .lineup .lineup_main-product .lineup_ttl {margin-bottom: 14px;}
.item-lp_yokuyou .lineup .lineup_main-product .lineup_ttl img {width: 172px;}
.item-lp_yokuyou .lineup .lineup_main-product .lineup_img img {width: 355px;}
.item-lp_yokuyou .lineup .lineup_main-product .lineup_type dd img {width: 179px;}

.item-lp_yokuyou .lineup .lineup_other-product {
	position: relative;
	background: #fff;
	margin-bottom: 16px;
	padding: 30px 24px 24px;
	border-radius: 15px;
	z-index: 4;
}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_other-ttl {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 290px;
}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_other-ttl .lineup_other-ttl_txt {
	width: 100%;
	background: #fff;
	padding: 12px 0 12px 24px;
	border: 2px solid #ff6682;
	border-radius: 22px;
}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_other-ttl .lineup_other-ttl_txt img {
	display: block;
	width: 100%;
	max-width: 210px;
}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_other-ttl .lineup_other-ttl_deco {
	position: absolute;
	top: -8px;
	right: -8px;
	width: 51px;
	z-index: 3;
}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_other-product_entry {
	padding: 26px 0;
	border-bottom: 1px solid #ababab;
}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_other-product_entry:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_ttl {
	margin: 0 auto 15px;
	padding-bottom: 15px;
}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_other-product_entry:nth-of-type(1) .lineup_ttl img {width: 253px;}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_other-product_entry:nth-of-type(2) .lineup_ttl img {width: 188px;}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_img {
	position: relative;
	text-align: center;
	margin: 0 0 15px;
}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_other-product_entry:nth-of-type(1) .lineup_img img {width: 282px;}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_other-product_entry:nth-of-type(2) .lineup_img img {width: 279px;}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_other-product_entry:nth-of-type(1) .lineup_type dd img {width: 183px;}
.item-lp_yokuyou .lineup .lineup_other-product .lineup_other-product_entry:nth-of-type(2) .lineup_type dd img {width: 240px;}

.item-lp_yokuyou .lineup .lineup_just {
	position: relative;
	text-align: center;
}
.item-lp_yokuyou .lineup .lineup_just .lineup_just_catch {
	display: block;
	padding: 15px 20px;
	background: #008fda;
	border-radius: 22px;
}
.item-lp_yokuyou .lineup .lineup_just .lineup_just_catch img {
	display: block;
	width: 100%;
	max-width: 296px;
	margin: 0 auto;
}

.item-lp_yokuyou .lineup .deco {
	position: absolute;
	z-index: 3;
}
.item-lp_yokuyou .lineup .deco.left {
	top: -1px;
	left: -22.5px;
	width: 60px;
}
.item-lp_yokuyou .lineup .deco.right {
	top: -2px;
	right: -49px;
	width: 80px;
}

/*************************************************

	product

*************************************************/
.item-lp_yokuyou .product {padding: 48px 0 0;}

.item-lp_yokuyou .product .product-list {
	display: flex;
	flex-wrap: wrap;
}
.item-lp_yokuyou .product .product-list .item {
	width: calc((100% - 25px) / 2);
	margin: 0 25px 48px 0;
}
@media screen and (max-width:359px) {
	.item-lp_yokuyou .product .product-list .item {
		width: calc((100% - 4vw) / 2);
		margin: 0 4vw 48px 0;
	}
}
.item-lp_yokuyou .product .product-list .item:nth-child(2n + 1) {margin-right: 0;}
.item-lp_yokuyou .product .product-list .item .img {
	border: 1px solid #ababab;
	border-radius: 7px;
	overflow: hidden;
}
.item-lp_yokuyou .product .product-list .item .data {margin-top: 10px;}
.item-lp_yokuyou .product .product-list .item .data .item-name {
	font-size: 18px;
	font-weight: 700;
	line-height: 21px;
	text-decoration: underline;
	margin-bottom: 11px;
}
.item-lp_yokuyou .product .product-list .item .data .price-wrap {margin-bottom: 10px;}
.item-lp_yokuyou .product .product-list .item .data .price-wrap * {
	font-size: 12.5px;
	font-weight: 700;
	line-height: 22.5px;
	vertical-align: middle;
}
@media screen and (max-width:359px) {
	.item-lp_yokuyou .product .product-list .item .data .price-wrap *  {
		font-size: 12px;
		line-height: 22px;
	}
}
.item-lp_yokuyou .product .product-list .item .data .price-wrap dl {
	display: flex;
	align-items: center;
}
.item-lp_yokuyou .product .product-list .item .data .price-wrap dl .price,
.item-lp_yokuyou .product .product-list .item .data .price-wrap dl .price * {
	font-size: 14px;
	vertical-align: middle;
}
@media screen and (max-width:359px) {
	.item-lp_yokuyou .product .product-list .item .data .price-wrap dl .price,
	.item-lp_yokuyou .product .product-list .item .data .price-wrap dl .price * {
		font-size: 13px;
	}
}
.item-lp_yokuyou .product .product-list .item .data .price-wrap dl .empha-pink,
.item-lp_yokuyou .product .product-list .item .data .price-wrap dl .empha-pink * {color: #ff6682;}
.item-lp_yokuyou .product .product-list .item .data .quantity {
	display: flex;
	align-items: center;
	margin-bottom: 13px;
}
.item-lp_yokuyou .product .product-list .item .data .quantity .label {
	font-size: 15px;
	line-height: 1;
}
.item-lp_yokuyou .product .product-list .item .data .quantity .select {
	position: relative;
	margin-left: 4px;
}
.item-lp_yokuyou .product .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_yokuyou .product .product-list .item .data .quantity .select select {
	font-size: 17px;
	line-height: 1;
	padding: 5px 27px 5px 12px;
	border: 1px solid #989898;
	border-radius: 3px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.item-lp_yokuyou .product .product-list .item .data .quantity .select select::-ms-expand {display: none;}
.item-lp_yokuyou .product .product-list .item .data .cart-in-btn {
	display: block;
	width: 100%;
	background: #ff668d;
	text-align: center;
	padding: 7px 0;
	border-radius: 15px;
}
.item-lp_yokuyou .product .product-list .item .data .cart-in-btn span {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	line-height: 21.5px;
	padding-left: 28px;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/yokuyou/product_other-product_entry_cart-icon_sp.png) 0 center/21.5px 21.5px no-repeat;
}
@media screen and (max-width:359px) {
	.item-lp_yokuyou .product .product-list .item .data .cart-in-btn span {font-size: 14px;}
}

.item-lp_yokuyou .product .product-list .item.current {
	width: 100%;
	margin-bottom: 50px;
	padding-bottom: 30px;
	background: url(https://shabon.life/shop/f/assets/img/lp/view/yokuyou/u-line_gray.svg) 0 bottom/4px 2px repeat-x;
}
.item-lp_yokuyou .product .product-list .item.current .data {
	margin: 24px 12px 0;
}
.item-lp_yokuyou .product .product-list .item.current .data .item-name {
	font-size: 23px;
	line-height: 1;
	margin-bottom: 13px;
}
.item-lp_yokuyou .product .product-list .item.current .data .price-wrap {margin-bottom: 16px;}
.item-lp_yokuyou .product .product-list .item.current .data .price-wrap .selling-price {margin-bottom: 6px;}
.item-lp_yokuyou .product .product-list .item.current .data .price-wrap .selling-price.tomonokai dd {
	display: flex;
	align-items: center;
	font-size: 18px;
}
.item-lp_yokuyou .product .product-list .item.current .data .price-wrap .selling-price.tomonokai dd .cta-member-price-inc {
	font-size: 31px;
	line-height: 1;
}
.item-lp_yokuyou .product .product-list .item.current .data .quantity {margin-bottom: 15px;}
.item-lp_yokuyou .product .product-list .item.current .data .quantity .label {
	font-size: 15px;
	line-height: 1;
}
.item-lp_yokuyou .product .product-list .item.current .data .quantity .select {margin-left: 8px;}
.item-lp_yokuyou .product .product-list .item.current .data .cart-in-btn {
	width: 100%;
	max-width: 334px;
	border-radius: 20px;
	margin: 0 auto;
	padding: 10px 0;
}