@charset "utf-8";

/* .lead, */
/* .customer-satisfaction, */
/* .lineup, */
/* .special-kit, */
/* .recipe, */
/* .htu, */
/* .collection-banner {
	display: none;
} */

sup {
	font-size: 3vw;
}

/* =========================
            共通
========================= */
.common__title {
	font-size: 11.2vw;
}

.common__title--ja {
	font-size: 6.7vw;
}

.data {
	margin-top: 3.9vw;
}

.name-and-price {
	font-size: 3.3vw;
}

.cart__btn,
.bcs {
	margin-top: 3.9vw;
}

.cart__btn--single {
	margin-top: 23vw;
}

.cart__btn a,
.bcs .bbg {
	width: 48.5vw;
	font-size: 3.6vw;
	padding: 5.5vw 0;
}

.cart__btn a svg {
	font-size: 3vw;
	right: 7px;
}

.limited {
	width: 12.5vw;
	height: 12.5vw;
	padding: 1px;
	top: -1vw;
	right: -6vw;
}

.ltext {
	font-size: 3.3vw;
}

/* =======================
          kv
======================= */
.kv-text__wrapper {
	width: 100%;
}

.kv__title img {
	width: 93.8vw;
}

.kv__lead {
	font-size: 4vw;
	line-height: 1;
	margin-top: 2vw;
}

.kv__icon {
	width: 20.4vw;
	top: 14.5vw;
	right: 5vw;
}


/* =======================
          lead
======================= */
.lead {
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/202606/bg_lead.jpg);
}

.lead__inner {
	padding: 3.5vw 0 11.7vw;
}

.nav-anchor__list {
	column-gap: 1.9vw;
	row-gap: 1.8vw;
}

.nav-anchor__item {
	width: 22.5vw;
	height: 13.6vw;
}

.nav-anchor__link {
	font-size: 3.3vw;
	padding-top: 4.1vw;
}

.nav-anchor__link--aj {
	padding-top: 1.3vw;
}

.fa-chevron-down {
	font-size: 4vw;
	bottom: 0.5vw;
}

.lead-main__text {
	font-size: 5.1vw;
	margin-top: 8.9vw;
}

.lead-sub__contents {
	flex-direction: column;
	column-gap: 0;
	row-gap: 6.7vw;
	margin-top: 5vw;
}

.lead__img {
	width: 76.2vw;
}

.lead-sub__text {
	font-size: 4vw;
	line-height: 1.5;
	text-align: center;
}

.lead-sub__notes {
	font-size: 2.2vw;
	margin-top: 6.2vw;
}

/* =======================
  SABON流ミネラル美容
======================= */
.customer-satisfaction__inner {
	padding: 17.1vw 0 12.5vw;
}

.customer-satisfaction__img {
	width: 86.8vw;
	margin: 6.5vw auto 0;
}

.customer_satisfaction__notes {
	width: 85.9vw;
	font-size: 2.9vw;
	margin: 3.8vw auto 0;
}

.sr__obj {
	width: 77.1vw;
	top: -4vw;
}

/* =======================
      All Lineup
======================= */
.lineup__inner {
	padding: 13.1vw 0 14.2vw;
}

.lineup__lead {
	font-size: 5.1vw;
	line-height: 1.2;
	margin-top: 2.9vw;
}

.lineup-tab-area {
	width: 95.5vw;
	flex-wrap: wrap;
	column-gap: 1.3vw;
	row-gap: 1.3vw;
	margin: 5.8vw auto 0;
}

.lineup-tab {
	width: 30.9vw;
	height: 10.1vw;
	font-size: 3.3vw;
	padding: 1.8vw 0;
}

.lineup-tab--n {
	width: 22.7vw;
}

.lineup-panel-group {
	width: 100vw;
}

/* .lineup__item {
  width: auto;
} */

.lineup__catch {
	font-size: 4.5vw;
	line-height: 1.4;
	margin-top: 8.4vw;
}

.lineup__list {
	margin-top: 3.9vw;
}

.lineup__img {
	width: 48.2vw;
}

.lineup-panel-area {
	position: relative;
}

.lineup-panel-area .slick-arrow {
	top: 45%;
}

.slick-arrow.slick-prev::after,
.slick-arrow.slick-next::after {
	display: none;
}

.lineup-prev,
.lineup-next,
.gift-prev,
.gift-next,
.bundle-prev,
.bundle-next {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 100% 100%;
	transition: unset;
	border-width: 0px;
	border-style: none;
	opacity: 1;
}

.slick-arrow.lineup-prev,
.slick-arrow.gift-prev,
.slick-arrow.bundle-prev {
	background-image: url(../../../images/sp/special_contents/ShowerOil/20260423/prev.svg);
	left: 11vw;
}

.slick-arrow.lineup-next,
.slick-arrow.gift-next,
.slick-arrow.bundle-next {
	background-image: url(../../../images/sp/special_contents/ShowerOil/20260423/next.svg);
	right: 11vw;
}

.size-filter {
	display: flex !important;
	column-gap: 2.4vw;
	justify-content: center;
	position: absolute;
	bottom: 19vw;
	left: 50%;
	transform: translateX(-50%);
}

.size-filter li {
	width: 23.5vw;
	background-color: #d2e9e5;
	border-radius: 10px;
	color: #2c7676;
	font-size: 3.3vw;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	padding: 2.9vw 0 3.5vw;
}

.size-filter.gr li {
	background-color: #fddfe3;
	color: #df5476;
}

.size-filter.plv li {
	background-color: #eadbf0;
	color: #8b50b5;
}

.size-filter.wt li {
	background-color: #d6ebd6;
	color: #458c51;
}

.size-filter.tk li {
	background-color: #f8dcf4;
	color: #d048d5;
}

.size-filter.rt li {
	background-color: #fad8d4;
	color: #d14242;
}

.size-filter.gen li {
	background-color: #e4e4e4;
	color: #4e4e4e;
}

.size-filter li.active {
	background-color: #69b8b8;
	color: #fff;
}

.size-filter.gr li.active {
	background-color: #f897af;
}

.size-filter.plv li.active {
	background-color: #ba89dc;
}

.size-filter.wt li.active {
	background-color: #78bf84;
}

.size-filter.tk li.active {
	background-color: #e78cea;
}

.size-filter.rt li.active {
	background-color: #ed7f7f;
}

.size-filter.gen li.active {
	background-color: #a5a5a5;
}

#bs .special-kit {
	margin: 0px;
	padding: 90px 0px 100px;
	background-color: #3b6d7b;
}

#bs .special-kit h2 {
	color: #FFF;
}

#bs h2.ch2 {
	padding: 0 0 4.3vw;
	font-size: 10.7vw;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/t_bg1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 15.3vw auto;
}

.sk__wrapper {
	margin-top: 5.8vw;
}

.sk__wrapper--sbk {
	margin-top: 16.3vw;
}

.sk__lead {
	font-size: 5.1vw;
}


#bs .special-kit {
	padding: 13.5vw 0 14.7vw;
}

#bs .special-kit .sk-frame {
	margin: 5vw auto 0;
	padding: 0.7vw 0;
	width: 86.2vw;
	border-top: 1.1vw solid #b4a676;
	border-bottom: 1.1vw solid #b4a676;
	box-shadow: 0 0.6vw 2.6vw 0 rgba(0, 0, 0, 0.16);
}

#bs .special-kit .sk-frame.sk2 {
	margin: 15.1vw auto 0;
}

#bs .special-kit .sk-frame.sk3 {
	margin: 5vw auto 0;
}

#bs .special-kit .sk-frame.sk4 {
	margin: 7.9vw auto 0;
}

#bs .special-kit .sk-frame .sk-frame2 {
	margin: 0;
	padding: 6.8vw 0 10.2vw;
	border-top: 0.7vw solid #b5a777;
	border-bottom: 0.7vw solid #b4a676;
}

#bs .special-kit .sk-frame.sk4 .sk-frame2 {
	padding: 6.8vw 0 10.2vw;
}

#bs .special-kit .sk-frame h3 {
	font-size: 4.5vw;
	line-height: 1.4;
}

#bs .special-kit .single-kit {
	margin: 19.2vw 0 0;
}

#bs .special-kit .single-kit h2 {
	padding: 0px 0px 4.3vw;
}

#bs .special-kit .single-kit .sk-block {
	padding: 0;
	width: 100%;
}

#bs .special-kit .single-kit .sk-block .text {
	font-size: 4.5vw;
	line-height: 1.4;
}

#bs .special-kit .single-kit .sk-block .img {
	margin: 4.5vw auto 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	width: 48.1vw;
}

#bs .special-kit .single-kit .sk-block .img .limited {
	position: absolute;
	top: 0px;
	right: 30px;
	width: 90px;
	height: 90px;
	background-color: #b89c5f;
	border-radius: 50%;
	z-index: 15;
	padding: 3px;
	box-sizing: border-box;
}

#bs .special-kit .single-kit .sk-block .img .limited .limited-in {
	width: 100%;
	height: 100%;
	display: block;
	border: 1px solid #fffff8;
	border-radius: 50%;
	box-sizing: border-box;
}

#bs .special-kit .single-kit .sk-block .img .limited .ltext {
	width: 100%;
	font-size: 2rem;
	line-height: 1.1em;
	margin-top: 0px;

	position: absolute;
	display: inline-block;
	left: 0px;
	top: 51%;
	-webkit-transform: translateY(-51%);
	transform: translateY(-51%);
	text-align: center;
	letter-spacing: 0.05em;
	color: #FFF;
}

#bs .special-kit .single-kit .sk-block .data {
	padding: 5.1vw 0 0;
}

#bs .special-kit .single-kit .sk-block .data h3 {
	font-size: 3.6vw;
	line-height: 1.4;
}

#bs .special-kit .single-kit .sk-block .data .price {
	padding: 0px;
	font-size: 3.6vw;
	line-height: 1.4;
}

#bs .special-kit .single-kit .sk-block .data .btn,
#bs .special-kit .single-kit .sk-block .data .bcs {
	padding: 6.2vw 0 0;
}

#bs .special-kit .single-kit .sk-block .data .btn a {
	padding: 5.1vw 0;
	font-size: 3.4vw;
	width: 53.3vw;
}

#bs .special-kit .single-kit .sk-block .data .btn a svg {
	right: 5.4vw;
	font-size: 2.4vw;
}

#bs .special-kit .single-kit .sk-block .data .bcs .bbg {
	padding: 5.1vw 0;
	font-size: 3.4vw;
	width: 53.3vw;
}

#bs .special-kit .single-kit .sk-block .data .link {
	padding: 5.6vw 0 0;
}

#bs .special-kit .single-kit .sk-block .data .link a {
	padding: 0 4.6vw 0.9vw 0.4vw;
	font-size: 3.4vw;
}

#bs .special-kit .single-kit .sk-block .data .link a:after {
	top: -0.3vw;
	width: 3.9vw;
	height: 3.9vw;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/arrow_blue_link.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#bs .sk-obj1 {
	width: 23.6vw;
}

#bs .sk-obj2 {
	width: 22vw;
}

#bs .sk-obj3 {
	top: 131.8vw;
	width: 15.5vw;
}

#bs .sk-obj4 {
	top: 66.1vw;
	width: 16.4vw;
}

#bs .sk-obj5 {
	top: 290.1vw;
	bottom: auto;
	width: 15.1vw;
}

#bs .sk-obj6 {
	top: 194.4vw;
	bottom: auto;
	width: 15.6vw;
}

#bs .sk-obj7 {
	top: 365.5vw;
	bottom: auto;
	width: 15.2vw;
}

#bs .sk-obj8 {
	top: 479.7vw;
	bottom: auto;
	width: 16.3vw;
}

#bs .sk-obj9 {
	position: absolute;
	bottom: 67vw;
	left: 0;
	width: 17.6vw;
	z-index: 10;
}

#bs .sk-obj10 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 18.3vw;
	z-index: 10;
}

#bs .item-slider.item-lineup4 {
	margin: 2.8vw auto 0;
}

#bs .item-slider.item-lineup5 {
	margin: 4vw auto 0;
}

#bs .item-slider.item-lineup6 {
	margin: 4vw auto 0;
}

#bs .item-slider.item-lineup1>ul {
	width: 100%;
}

#bs .item-slider.item-voice>ul {
	padding: 0 0 5.1vw;
	width: 100%;
}

#bs .item-slider.item-lineup4>ul {
	padding: 0px;
	width: 100%;
}

#bs .item-slider.item-lineup5>ul,
#bs .item-slider.item-lineup6>ul {
	padding: 0px;
	width: 100%;
}

#bs .item-slider>ul>li {
	width: 100%;
	padding: 0px 0px 2px;
}

#bs .item-slider>ul li.slick-slide {
	padding: 0px 0px 2px;
}

#bs .item-slider.item-lineup2>ul li.slick-slide {
	width: 100%;
	height: auto;
}

#bs .item-slider.item-lineup3>ul li.slick-slide {
	width: 100%;
	height: auto;
	position: relative;
}

#bs .item-slider.item-lineup3 .slick-list {
	overflow: visible;
}

#bs .item-slider.item-lineup4>ul li.slick-slide {
	width: 100%;
}

#bs .item-slider.item-lineup5>ul li.slick-slide {
	width: 100%;
	position: relative;
}

#bs .item-slider.item-lineup6>ul li.slick-slide {
	width: 100%;
	position: relative;
}

#bs .item-slider.item-lineup1 ul li .img .mimg {
	width: 53.6vw;
}

#bs .item-slider.item-lineup1 ul li .img .tex {
	width: 16.5vw;
	position: absolute;
	bottom: 1vw;
	right: 13.7vw;
}

#bs .item-slider.item-lineup1 ul li.gen .img .tex {
	right: 13.2vw;
}

#bs .item-slider.item-lineup1 ul li .img a {
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/img_frame.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 53vw;
	height: 53vw;
	padding: 6.3vw 0 0;
	box-sizing: border-box;
}



#bs .item-slider.item-lineup2 ul li .img {
	margin: 4.8vw auto 0;
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
}

#bs .item-slider.item-lineup2 ul li .img .mimg {
	width: 53.6vw;
	height: auto;
}

#bs .item-slider.item-lineup2 ul li .img .tex {
	width: 16.5vw;
	position: absolute;
	bottom: 1vw;
	right: 16.4vw;
}

#bs .item-slider.item-lineup2 ul li.gen .img .tex {
	right: 14.7vw;
}

#bs .item-slider.item-lineup4 ul li .img .mimg {
	width: 48.1vw;
}

#bs .item-slider.item-lineup5 ul li .img .mimg {
	width: 71.8vw;
}

#bs .item-slider.item-lineup6 ul li .img .mimg {
	width: 71.8vw;
}

#bs .item-slider.item-lineup2 ul li .img a {
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/img_frame.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 53vw;
	width: 100%;
	height: 53vw;
	padding: 6.3vw 0 0;
	box-sizing: border-box;
}



#bs .item-slider.item-lineup3 ul li .l .img {
	margin: 0;
	width: 40.6vw;
	position: absolute;
	top: 15.8vw;
	left: 2.7vw;
}

#bs .item-slider.item-lineup3 ul li .m .img {
	margin: 0;
	width: 37.8vw;
	position: absolute;
	top: 7.9vw;
	left: 5.4vw;
}


#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.l .img {
	margin: 2.3vw auto 0;
	position: relative;
	top: 0;
	left: 0;
}

#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.m .img {
	margin: 2.8vw auto 0;
	position: relative;
	top: 0;
	left: 0;
}



#bs .item-slider ul li .img .limited {
	position: absolute;
	top: 2px;
	right: 52px;
	width: 155px;
	height: 155px;
	background-color: #b39d67;
	border-radius: 50%;
	z-index: 15;
	padding: 3px;
	box-sizing: border-box;
}

#bs .item-slider ul li .img .limited .limited-in {
	width: 100%;
	height: 100%;
	display: block;
	border: 1px solid #FFF;
	border-radius: 50%;
	box-sizing: border-box;
}

#bs .item-slider ul li .img .limited .ltext {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.1em;
	margin-top: 0px;

	position: absolute;
	display: inline-block;
	left: 0px;
	top: 51%;
	-webkit-transform: translateY(-51%);
	transform: translateY(-51%);
	text-align: center;
	letter-spacing: 0.05em;
	color: #FFF;
}


#bs .item-slider.item-lineup1 ul li .img .limited .limited-in,
#bs .item-slider.item-lineup2 ul li .img .limited .limited-in {
	border: 0px none;
	border-radius: 0%;
}

#bs .item-slider.item-lineup1 ul li .img .limited {
	top: 1.8vw;
	right: 6.9vw;
	width: 17.5vw;
	height: 17.5vw;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/label_online.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 0;
	padding: 0px;
	background-color: transparent;
}

#bs .item-slider.item-lineup1 ul li .img .limited .ltext {
	font-size: 2.8vw;
	line-height: 1.2;
	top: 53%;
	-webkit-transform: translateY(-53%);
	transform: translateY(-53%);
	letter-spacing: -0.05em;
}


#bs .item-slider.item-lineup2 ul li .img .limited {
	top: 1.8vw;
	right: 6.9vw;
	width: 17.5vw;
	height: 17.5vw;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/label_online.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 0;
	padding: 0px;
	background-color: transparent;
}

#bs .item-slider.item-lineup2 ul li .img .limited .ltext {
	font-size: 2.8vw;
	line-height: 1.2;
	top: 53%;
	-webkit-transform: translateY(-53%);
	transform: translateY(-53%);
	letter-spacing: -0.05em;
}




#bs .item-slider ul li .cap {
	margin: 4.7vw 0 0;
}

#bs .item-slider ul li .cap span {
	padding: 0.7vw 7.3vw;
	font-size: 3.6vw;
}

#bs .item-slider.item-lineup2 ul li .cap span {
	padding: 0.7vw 5.6vw;
}

::-webkit-full-page-media,
:future,
:root #bs .item-slider ul li .cap span {
	padding: 0.7vw 7.3vw;
}

::-webkit-full-page-media,
:future,
:root #bs .item-slider.item-lineup2 ul li .cap span {
	padding: 0.7vw 5.6vw;
}

#bs .item-slider ul li .text {
	padding: 4.2vw 0 0;
	font-size: 4.3vw;
	line-height: 1.5;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

#bs .item-slider.item-lineup3 ul li .text {
	margin: 0px;
	padding: 0px;
	font-size: 4.5vw;
	line-height: 1.4;
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	background-image: none;
}

#bs .item-slider ul li .detail {
	margin: 0px;
	padding: 4.5vw 0px 0px;
}

#bs .item-slider.item-lineup3 ul li .l .detail {
	margin: 0;
	padding: 3.6vw 0 0 37.2vw;
}

#bs .item-slider.item-lineup3 ul li .m .detail {
	margin: 0px;
	padding: 3.2vw 0 0 37.2vw;
}

#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.l .detail {
	margin: 0;
	padding: 1.1vw 0 0;
}

#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.m .detail {
	margin: 0px;
	padding: 0;
}


#bs .item-slider ul li .name-and-price {
	padding: 2.8vw 0 0;
}

#bs .item-slider.item-lineup2 ul li .name-and-price {
	padding: 2.4vw 0 0;
}

#bs .item-slider.item-lineup3 ul li .name-and-price {
	padding: 0px;
}

#bs .item-slider.item-lineup4 ul li .name-and-price {
	padding: 1.1vw 0 0;
}

#bs .item-slider.item-lineup5 ul li .name-and-price {
	padding: 1.7vw 0 0;
}

#bs .item-slider.item-lineup6 ul li .name-and-price {
	padding: 1.7vw 0 0;
}

#bs .item-slider ul li h3 {
	font-size: 3.6vw;
	line-height: 1.4;
}

#bs .item-slider ul li h3 sup {
	font-size: 2.9vw;
}

#bs .item-slider ul li h4 {
	font-size: 3.6vw;
	line-height: 1.4;
}

#bs .item-slider ul li h5 {
	font-size: 3.6vw;
	line-height: 1.4;
}

#bs .item-slider ul li .price {
	margin: 0;
	padding: 0;
	font-size: 3.6vw;
	line-height: 1.4;
}

#bs .item-slider ul li .btn,
#bs .item-slider ul li .bcs {
	padding: 4vw 0 0;
}

#bs .item-slider ul li .btn a {
	padding: 5.1vw 0;
	font-size: 3.4vw;
	width: 53.3vw;
}

#bs .item-slider ul li .btn a svg {
	right: 5.4vw;
	font-size: 2.4vw;
}

#bs .item-slider ul li .bcs .bbg {
	padding: 5.1vw 0;
	font-size: 3.4vw;
	width: 53.3vw;
}

#bs .item-slider.item-lineup3 ul li .btn,
#bs .item-slider.item-lineup3 ul li .bcs {
	padding: 4vw 0 0;
}

#bs .item-slider.item-lineup3 ul li .btn a {
	padding: 3.8vw 0;
	font-size: 3.2vw;
	width: 37.2vw;
}

#bs .item-slider.item-lineup3 ul li .btn a svg {
	right: 2.7vw;
	font-size: 2.4vw;
}

#bs .item-slider.item-lineup3 ul li .bcs .bbg {
	padding: 3.8vw 0;
	font-size: 3.2vw;
	width: 37.2vw;
}


#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.l .btn,
#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.m .btn {
	padding: 4vw 0 0;
}

#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.l .btn a,
#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.m .btn a {
	padding: 5.1vw 0;
	font-size: 3.4vw;
	width: 53.3vw;
}

#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.l .btn a svg,
#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.m .btn a svg {
	right: 5.4vw;
	font-size: 2.4vw;
}

#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.l .bcs .bbg,
#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.m .bcs .bbg {
	padding: 5.1vw 0;
	font-size: 3.4vw;
	width: 53.3vw;
}


#bs .item-slider.item-lineup5 ul li .btn,
#bs .item-slider.item-lineup5 ul li .bcs {
	padding: 35.1vw 0 0;
}

#bs .item-slider.item-lineup6 ul li .btn,
#bs .item-slider.item-lineup6 ul li .bcs {
	padding: 35.1vw 0 0;
}


#bs .item-slider ul li .link {
	padding: 5.6vw 0 0;
}

#bs .item-slider ul li .link a {
	padding: 0 4.6vw 0.9vw 0.4vw;
	font-size: 3.4vw;
}

#bs .item-slider ul li .link a:after {
	top: -0.3vw;
	width: 3.9vw;
	height: 3.9vw;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/arrow_blue_link.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#bs .item-slider.item-lineup3 ul li .link {
	padding: 3.4vw 0 0;
}

#bs .item-slider.item-lineup3 ul li .link a {
	padding: 0 4.1vw 0.9vw 0.9vw;
	font-size: 2.7vw;
}

#bs .item-slider.item-lineup3 ul li .link a:after {
	top: -0.3vw;
	width: 3.2vw;
	height: 3.2vw;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/arrow_blue_link.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}


#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.l .link,
#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.m .link {
	padding: 5.6vw 0 0;
}

#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.l .link a,
#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.m .link a {
	padding: 0 4.6vw 0.9vw 0.4vw;
	font-size: 3.4vw;
}

#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.l .link a:after,
#bs .item-slider.item-lineup3 ul li .set-list.only .set-block.m .link a:after {
	top: -0.3vw;
	width: 3.9vw;
	height: 3.9vw;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/arrow_blue_link.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}


#bs .item-slider.item-lineup4 ul li .link,
#bs .item-slider.item-lineup5 ul li .link,
#bs .item-slider.item-lineup6 ul li .link {
	padding: 6.9vw 0 0;
}


#bs .item-slider ul li .kit-link {
	padding: 6.8vw 0 0;
}

#bs .item-slider ul li .kit-link a {
	padding: 0 3.7vw 0.6vw 0.9vw;
	font-size: 2.7vw;
}

#bs .item-slider ul li .kit-link a:after {
	position: absolute;
	top: -0.3vw;
	right: 0;
	width: 3.2vw;
	height: 3.2vw;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/arrow_brown_ank.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#bs .item-slider ul li .kit-text {
	margin: 0;
	padding: 3.4vw 0 4vw;
	width: 71.8vw;
	position: absolute;
	top: 62.9vw;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
}

#bs .item-slider ul li .kit-text h4,
#bs .item-slider ul li .kit-text h5 {
	font-size: 3.4vw;
}

#bs .item-slider ul li .kit-text p.kit-t {
	padding: 1.7vw 0 0 7.3vw;
	font-size: 2.9vw;
	line-height: 1.5;
}


#bs .item-slider .slick-arrow {
	position: absolute;
	top: 52.6vw;
	width: 8.1vw;
	height: 8.1vw;
}

#bs .item-slider .slick-prev {
	left: -4.7vw;
}

#bs .item-slider .slick-next {
	right: -4.7vw;
}

#bs .item-slider .slick-dots {
	position: absolute;
	bottom: -15.9vw;
}

#bs .item-slider .slick-dots li {
	margin: 0 5px;
}

#bs .item-slider .slick-dots li button {
	width: 7px;
	height: 7px;
}

#bs .item-slider.item-voice .slick-arrow {
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

#bs .item-slider.item-voice .slick-prev {
	left: 15.8vw;
}

#bs .item-slider.item-voice .slick-next {
	right: 15.8vw;
}

#bs .item-slider.item-voice .slick-dots {
	bottom: 0px;
}


#bs .item-slider.item-lineup2 .slick-arrow {
	top: 77.1vw;
}

#bs .item-slider.item-lineup2 .slick-prev {
	left: -2.3vw;
}

#bs .item-slider.item-lineup2 .slick-next {
	right: -2.3vw;
}

#bs .item-slider.item-lineup2 .slick-dots {
	bottom: -15.9vw;
}

#bs .item-slider.item-lineup3 .slick-arrow {
	top: 60.7vw;
}

#bs .item-slider.item-lineup3 .slick-prev {
	left: -2.3vw;
}

#bs .item-slider.item-lineup3 .slick-next {
	right: -2.3vw;
}

#bs .item-slider.item-lineup3 .slick-dots {
	bottom: -15.9vw;
}

#bs .item-slider.item-lineup4 .slick-arrow {
	display: block;
	top: 40.7vw;
}

#bs .item-slider.item-lineup4 .slick-prev {
	left: -2.3vw;
}

#bs .item-slider.item-lineup4 .slick-next {
	right: -2.3vw;
}

#bs .item-slider.item-lineup4 .slick-dots {
	display: block;
	bottom: -18.4vw;
}

#bs .item-slider.item-lineup4 .slick-dots li button {
	background: #ffffff;
}

#bs .item-slider.item-lineup4 .slick-dots .slick-active button,
#bs .item-slider.item-lineup4 .slick-dots li button:hover {
	background: #ccc1ad;
}

#bs .item-slider.item-lineup5 .slick-arrow {
	top: 52.7vw;
}

#bs .item-slider.item-lineup5 .slick-prev {
	left: -2.3vw;
}

#bs .item-slider.item-lineup5 .slick-next {
	right: -2.3vw;
}

#bs .item-slider.item-lineup5 .slick-dots {
	bottom: -18.4vw;
}

#bs .item-slider.item-lineup5 .slick-dots li button {
	background: #ffffff;
}

#bs .item-slider.item-lineup5 .slick-dots .slick-active button,
#bs .item-slider.item-lineup5 .slick-dots li button:hover {
	background: #ccc1ad;
}

#bs .item-slider.item-lineup6 .slick-arrow {
	top: 52.7vw;
}

#bs .item-slider.item-lineup6 .slick-prev {
	left: -2.3vw;
}

#bs .item-slider.item-lineup6 .slick-next {
	right: -2.3vw;
}

#bs .item-slider.item-lineup6 .slick-dots {
	bottom: -18.4vw;
}

#bs .item-slider.item-lineup6 .slick-dots li button {
	background: #ffffff;
}

#bs .item-slider.item-lineup6 .slick-dots .slick-active button,
#bs .item-slider.item-lineup6 .slick-dots li button:hover {
	background: #ccc1ad;
}

/* =======================
          レシピ
======================= */
#bs .recipe {
	padding: 11.7vw 0 14.1vw;
}

.section__line {
	width: 62.7vw;
	top: -5vw;
}

#bs .recipe .recipe-obj1 {
	position: absolute;
	top: 5.4vw;
	left: 0;
	width: 69.4vw;
}

.recipe__lead {
	font-size: 4vw;
}

.recipe__type {
	flex-direction: column;
	column-gap: 0;
	margin-top: 10.1vw;
}

.recipe__item {
	display: flex;
	align-items: center;
}

.recipe__item.rev {
	flex-direction: row-reverse;
}

.recipe__img {
	width: 52.7vw;
}

.recipe-text__wrapper {
	margin: 0 auto;
}

.recipe__title {
	font-size: 9.7vw;
}

.recipe__text {
	font-size: 3.6vw;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-top: 2vw;
}

.recipe__notes {
	width: 92.5vw;
	font-size: 2.9vw;
	margin: 6.4vw auto 0;
}

#bs .recipe .renewal {
	margin: 17vw auto 0;
	width: 90.7vw;
}

#bs .recipe .recipe-obj2 {
	position: absolute;
	top: -5.1vw;
	width: 35.3vw;
}

#bs .recipe .recipe-obj3 {
	position: absolute;
	bottom: -5.1vw;
	width: 35.3vw;
}

#bs .recipe .renewal .renewal-frame {
	padding: 7.9vw 0;
	border-top: 0.8vw solid #a79968;
	border-bottom: 0.8vw solid #a79968;
}

#bs .recipe .renewal .renewal-frame h3 {
	padding: 0 0 3.6vw;
	font-size: 7.4vw;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/t_bg1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 7.4vw auto;
}

#bs .recipe .renewal .renewal-block.rb1 {
	margin: 5.1vw 0 0;
}

#bs .recipe .renewal .renewal-block.rb2 {
	margin: 6.4vw 0 0;
}

#bs .recipe .renewal .renewal-block h4 {
	width: 82.3vw;
	height: 7.1vw;
	display: table;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/label_renewal.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#bs .recipe .renewal .renewal-block h4 .rel {
	display: table-cell;
	vertical-align: middle;

	font-size: 4.3vw;
}

#bs .recipe .renewal .renewal-block h4 .rel sup {
	font-size: 2.3vw;
}

#bs .recipe .renewal .renewal-block h4 .new {
	padding: 0.6vw 0;
	width: 10.6vw;
	font-size: 3.4vw;
	border-radius: 2.8vw;
}

#bs .recipe .renewal .renewal-block h4 .ib {
	padding: 0 0 0 12.9vw;
}

#bs .recipe .renewal .renewal-block ul {
	margin: 3.4vw auto 0;
	padding: 0;
	width: 71.8vw;
	font-size: 3.4vw;
	line-height: 1.4;
}

#bs .recipe .renewal .renewal-block ul li {
	margin: 1.7vw 0 0;
	padding: 0 0 0 2.5vw;
}

#bs .recipe .renewal .renewal-block ul li sup {
	font-size: 2vw;
}

#bs .recipe .renewal .renewal-block ul li:before {
	width: 1.1vw;
	height: 1.1vw;
	top: 1.6vw;
}

#bs .recipe .renewal-img {
	position: relative;
	top: 0;
	left: 0;
	width: 48.3vw;
	z-index: 10;
	margin: 4vw 0 0 18.8vw;
}

#bs .recipe .renewal .renewal-block .renewal-oil {
	width: 79.6vw;
	margin: 3.4vw auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#bs .recipe .renewal .renewal-block .renewal-oil-block.oil1 {
	width: 26.9vw;
}

#bs .recipe .renewal .renewal-block .renewal-oil-block.oil2 {
	width: 25.8vw;
}

#bs .recipe .renewal .renewal-block .renewal-oil-block.oil3 {
	width: 26.9vw;
}

#bs .recipe .renewal .renewal-block .renewal-oil-block .oil-from {
	font-size: 2.5vw;
}

#bs .recipe .renewal .renewal-block .renewal-oil-block .oil-name {
	margin: 0.9vw 0 0;
	font-size: 2.9vw;
	line-height: 1.2;
	letter-spacing: -0.05em;
}

#bs .recipe .renewal .renewal-block .renewal-oil-block .oil-name sup {
	font-size: 1.4vw;
}

#bs .recipe .renewal .renewal-block .renewal-oil-block .oil-img {
	margin: 0px 0px 0px;
	text-align: left;
}

#bs .recipe .renewal .renewal-block .renewal-oil-block.oil1 .oil-img img {
	width: 21.4vw;
	padding: 5vw 0 0;
}

#bs .recipe .renewal .renewal-block .renewal-oil-block.oil2 .oil-img img {
	width: 21.2vw;
	padding: 5.3vw 0 0;
}

#bs .recipe .renewal .renewal-block .renewal-oil-block.oil3 .oil-img img {
	width: 22.6vw;
	padding: 0.4vw 0 0;
}

#bs .recipe .renewal .renewal-block .renewal-oil-block .oil-type {
	position: absolute;
	top: 11.1vw;
	right: 0.5vw;
	width: 14.7vw;
	height: 14.7vw;
}

#bs .recipe .renewal .renewal-block .renewal-oil-block .oil-type .type-text {
	font-size: 2.7vw;
}

#bs .recipe .renewal .renewal-notes {
	margin: 5.4vw auto 0;
	padding: 0;
	font-size: 2.7vw;
	line-height: 1.5;
	letter-spacing: -0.05em;
	width: 80.6vw;
}

#bs .recipe .use {
	margin: 11.3vw 0 0;
	padding: 6.8vw 0 0;
}

#bs .recipe .use h3 {
	padding: 0 0 4vw;
	font-size: 5vw;
	text-align: center;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/t_bg1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 14.6vw auto;
}

#bs .recipe .use .use-text {
	padding: 4.5vw 0 0;
	font-size: 4.5vw;
	line-height: 1.5;
	position: relative;
	z-index: 50;
}

#bs .recipe .use .use-img {
	margin: 6.2vw auto 0;
	width: 90.7vw;
}

#bs .recipe .use .use-link {
	padding: 5.4vw 0 0;
}

#bs .recipe .use .use-link a {
	padding: 0 4.6vw 0.9vw 0.4vw;
	font-size: 3.4vw;
}

#bs .recipe .use .use-link a:after {
	top: -0.3vw;
	width: 3.9vw;
	height: 3.9vw;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/arrow_blue_ank.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#bs .recipe .recipe-obj4 {
	position: absolute;
	top: -8.8vw;
	width: 19.3vw;
}

#bs .recipe .recipe-obj5 {
	position: absolute;
	top: -8.8vw;
	width: 19.2vw;
}

#bs .htu {
	padding: 13.5vw 0 14.7vw;
}

#bs .htu h2 {
	padding: 0;
	color: #d5c79b;
	background-image: none;
}

#bs .htu .htu-lead {
	padding: 9vw 0 3.4vw;
	font-size: 5vw;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/t_bg1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 7.4vw auto;
}

#bs .htu .movie-htu {
	margin: 5.1vw auto 0;
	width: 91.2vw;
}

#bs .htu .htu-method {
	width: 91.2vw;
	margin: 0 auto;
	padding: 2.3vw 0 10.7vw;
	border-top: 5px solid #d5c79b;
	border-bottom: 5px solid #d5c79b;
}

#bs .htu .htu-method .method-block {
	margin: 6.2vw auto 0;
}

#bs .htu .htu-method .method-block h3 {
	padding: 0 0 2.9vw;
	width: 74.3vw;
	font-size: 4.7vw;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/t_howtouse.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	text-align: center;
}

.open__lead {
	font-size: 4.5vw;
	line-height: 1.5;
	background-image: url(../../../images/sp/special_contents/New_BodyScrub/20240301/t_bg1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 14.6vw auto;
	padding: 0 0 3.4vw;
}

.htu-obj {
	width: 27.6vw;
}

#bs .htu .htu-method .method-block ul {
	margin: 3.6vw auto 0;
	width: 70vw;
	font-size: 3.2vw;
	line-height: 1.5;
}

#bs .htu .htu-method .method-block ul li {
	margin: 1.2vw 0 0;
	padding: 0 0 0 2.3vw;
}

#bs .htu .htu-method .method-block ul li:before {
	width: 0.6vw;
	height: 0.6vw;
	position: absolute;
	top: 1.8vw;
	left: 0;
}

#bs .htu .htu-method .method-block .method-text {
	margin: 3.4vw auto 0;
	width: 72.8vw;
	font-size: 3.2vw;
	line-height: 1.5;
}

#bs .htu .movie-open {
	margin: 12.4vw auto 0;
	width: 100%;
}

#bs .htu .movie-open h3 {
	font-size: 6.7vw;
}

#bs .htu .movie-open .movie-rel {
	margin: 5.1vw auto 0;
	width: 91.2vw;
}

#bs .htu-obj1 {
	width: 30.5vw;
}

#bs .htu-obj2 {
	top: auto;
	bottom: 0;
	width: 18.3vw;
}


#bs .pagetop {
	bottom: 11px;
	left: 11px;
}

#bs .pagetop .pagetop-link a:hover {
	opacity: 1;
}

#bs .open-menu {
	position: fixed;
	top: 105px;
	right: -60px;
}

#bs .open-menu .open-menu-in {
	transform: translateX(0%);
	transition: all 0.8s cubic-bezier(.165, .84, .44, 1);
}

#bs .open-menu.open .open-menu-in {
	transform: translateX(-220px);
}

#bs .open-menu-out .open-menu.open {
	right: -290px;
}

#bs .open-menu-out.view .open-menu {
	right: 0px;
}

#bs .open-menu .btn {
	position: relative;
	z-index: 80;
	width: 60px;
}

#bs .open-menu .open-menu-list {
	top: 2px;
	right: -220px;
	width: 220px;
	/*background-image: url(../../../images/sp/special_contents/FacePolisher/20230720/bg_menu_2.png);
    background-repeat: repeat-y;
    background-size: 100% auto;*/
}

#bs .open-menu.open .open-menu-list {
	/*box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);*/
	border-top: 2px solid #8a6e1c;
	border-bottom: 2px solid #8a6e1c;
	border-left: 2px solid #8a6e1c;
}

#bs .open-menu .open-menu-frame1 {
	margin: 0px;
	padding: 0px;
	/*background-image: url(../../../images/sp/special_contents/FacePolisher/20230720/bg_menu_1.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;*/
}

#bs .open-menu .open-menu-frame2 {
	margin: 0px;
	padding: 10px 0px 10px;
	/*background-image: url(../../../images/sp/special_contents/FacePolisher/20230720/bg_menu_3.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% auto;*/
}

#bs .open-menu .open-menu-list ul li a {
	margin: 0px;
	padding: 0px 14px;
	font-size: 1.5rem;
	line-height: 1;
}

#bs .open-menu .open-menu-list ul li.font-yumin a {
	font-size: 1.1rem;
}

#bs .open-menu .open-menu-list ul li a svg {
	font-size: 0.95rem;
	left: 15px;
}

#bs .open-menu .open-menu-list ul li a:hover {
	background-image: none;
}

#bs .open-menu .open-menu-list ul li a span {
	padding: 12px 0px 12px 40px;
	position: relative;
	box-sizing: border-box;
	height: auto;
}