@charset "UTF-8";

:root {
	--lp-pms-color-1: #db5157;
	--lp-pms-color-2: #e69583;
	--lp-pms-color-3: #ab7e74;
	--lp-pms-color-4: #966a62;
	--lp-pms-bg-1: #fffbef;
	--lp-pms-bg-2: #dec9b4;
	--lp-pms-bg-3: #faf0f0;
	--lp-pms-bg-4: #faf0e6;
	--lp-pms-bg-5: #f9edd4;
	--lp-pms-bg-6: #f7ebeb;
	--lp-pms-bg-6: #f2eee7;
	--lp-pms-bd-c-1: #ebdcce;
	/*
	670/360 = 1.86
	*/
	--lp-gutter-1: min(12.2vw, 80px);
	--lp-gutter-2: min(15.6vw, 100px);
	--lp-gutter-3: min(22.6vw, 150px);
	--lp-gutter-4: min(7.6vw, 60px);
	--lp-gutter-s: min(4vw, 42px);

	--lp-gutter-nagative-4: max(-6vw, -50px);

	--lp-fz-1: min(3.333vw, 19px);
}

/* ==========================================================================
 * Backgrounds, shadow
 */

.lp-bg-tx-1 {
	background-image: url(../img/lp-polka/bg-tx-1.webp);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}

.lp-bg-tx-2 {
	background-image: url(../img/lp-polka/bg-tx-2.webp);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}

.lp-bg-tx-3 {
	background-color: #ebeef7;
	background-image: url(../img/lp-polka/bg-tx-3.webp);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}

.lp-bg-tx-4 {
	background-image: url(../img/lp-polka/bg-tx-4.webp);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}

.lp-bg {
	background-color: #fbf9f5;
}

.lp-bg-1 { background-color: var(--lp-pms-bg-1); }
.lp-bg-2 { background-color: var(--lp-pms-bg-2); }
.lp-bg-3 { background-color: var(--lp-pms-bg-3); }
.lp-bg-4 { background-color: var(--lp-pms-bg-4); }
.lp-bg-5 { background-color: var(--lp-pms-bg-5); }
.lp-bg-6 { background-color: var(--lp-pms-bg-6); }

.lp-box-shadow-1 { box-shadow: 0 0 24px rgb(0 0 0 / 13%); }

/* ==========================================================================
 * Tables
 */
.table {
	font-size: var(--lp-fz-1);
}

.table.bg-transparent th,
.table.bg-transparent td {
	background-color: transparent !important;
}

.table-1 {
	border-bottom: 1px solid;
	border-color: var(--lp-pms-bd-c-1);
}

.table-1 th,
.table-1 td {
	padding: 0.8em 1em !important;
	border-color: var(--lp-pms-bd-c-1) !important;
}

.table-1 th {
	width: 45%;
	background-color: #f5efeb !important;
}


/* ==========================================================================
 * Titles
 */
.lp-title-1 {
	margin: var(--lp-gutter-2) auto var(--lp-gutter-1);
	color: var(--lp-pms-color-1);
	font-size: var(--lp-fz-1);
	text-align: center;
}

.lp-title-feature {
	margin-top: 1em;
	margin-bottom: 0;
}


.lp-title-1 img {
	width: 100%;
	height: auto;
	margin-bottom: 1.5em;
}

.lp-title-2 {
	position: relative;
	line-height: 1.36;
	letter-spacing: .064em;
	margin-top: var(--lp-gutter-1);
	margin-bottom: var(--lp-gutter-1);
	font-size: min(6.6667vw, 42px); /* 24px */
	text-align: center;
	color: #59514a;
}

.lp-title-2-small {
	font-size: 70%;
}

.lp-title-2.bordered::after {
	content: '';
	display: block;
	width: 61%;
	margin: 0.75em auto 0;
	border-top: 2px solid #e0a8a8;
}

.lp-title-3 {
	margin-bottom: 2em;
	padding: 0.6em;
	border-radius: 4px;
	border: 1px solid #dec9b4;
	line-height: 1.625;
	font-size: min(4.444vw, 28px);
	color: var(--lp-pms-color-1);
	text-align: center;
}


/* ==========================================================================
 * Buttons
 */
.lp-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.3em .4em;
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: min(3.5vw, 22px);
	line-height: 1.5;
}
.lp-btn::before,
.lp-btn::after {
	content: '';
	width: 1.2em;
	margin: 0 0.5em;
}
.lp-btn::after {
	content: '→';
}
.lp-btn:hover {
	text-decoration: none;
	color: #fff;
}

.lp-btn-s {
	display: inline-flex;
	padding: 0.8em 0.2em;
	font-size: min(3vw, 20px);
}

.lp-btn-s::before {
	width: 0.3em;
}

.lp-btn-1 {
	background-color: var(--lp-pms-color-2);
	color: #fff;
}
.lp-btn-2 {
	background-color: var(--lp-pms-color-3);
	color: #fff;
}
.lp-btn-3 {
	background-color: var(--lp-pms-color-1);
	color: #fff;
}

.lp-btn-abs-1 {
	position: absolute;
	top: 18.6%;
	left: min(10.7vw, 71px);
}
.lp-btn-abs-2 {
	position: absolute;
	top: 34.3%;
	right: min(12.4vw, 82px);
}


/* ==========================================================================
 * Items
 */
.lp-item-title {
	line-height: 1.625;
	font-size: min(4.444vw, 28px);
	color: var(--lp-pms-color-1);
}

.lp-item-en {
	font-size: min(3.2vw, 15px);
	text-transform: uppercase;
	letter-spacing: 0.24em;
}

.lp-item-num {
	color: #857e62;
	font-size: min(2.7vw, 15px);
}


.lp-item-1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1em;
}

.lp-item-1-wrap > :nth-child(odd) {
	flex-direction: row-reverse;
	padding-left: var(--lp-gutter-1);
}

.lp-item-1-wrap > :nth-child(even) {
	padding-right: var(--lp-gutter-1);
	text-align: right;
}

.lp-item-1-image {
	width: 47.78%;
}

.lp-item-1-texts {
	width: 51%;
}

.lp-item-1-texts p {
	margin-bottom: .9em;
}


.lp-item-2 {
	display: block;
	margin-top: var(--lp-gutter-2);
	margin-bottom: var(--lp-gutter-2);
	color: #c97f63;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.4;
	font-size: min(3.9vw, 21px);
}

.lp-item-2 img {
	margin-bottom: 1em;
}

.lp-item-2 .lp-btn {
	margin-top: 1em;
}

.lp-item-2:hover {
	color: #999;
	text-decoration: none;
}


/* ==========================================================================
 * Feature
 */

.lp-feature {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	align-items: center;
	margin-bottom: min(1vw, 2em);
	font-feature-settings: "palt";
}
/* 
.lp-feature-wrap > :nth-child(odd) .lp-feature-texts {
} */

.lp-feature-wrap > :nth-child(even) .lp-feature-texts {
	text-align: right;
}

.lp-feature-image {
	grid-row-start: 1;
	grid-column: 1 / 10;
}

.lp-feature-texts {
	grid-row-start: 1;
	grid-column: 2 / 9;
}

.lp-feature-title {
	line-height: 1.625;
	font-size: min(4.444vw, 28px);
	color: var(--lp-pms-color-1);
}


/* ==========================================================================
 * Variation
 */
.lp-variations {
	margin: 0 var(--lp-gutter-nagative-4);
	padding: var(--lp-gutter-s) 0;
	border-radius: min(4vw, 54px) 0 min(4vw, 54px) 0;
	background-color: var(--lp-pms-bg-6);
}

.lp-variation {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 var(--lp-gutter-s);
	font-feature-settings: "palt";

	+ .lp-variation {
		margin-top: 2em;
		padding-top: 1em;
	}

	+ .lp-variation::before {
		content: '';
		position: absolute;
		top: 0;
		left: -3%;
		width: 106%;
		height: 1px;
		border-top: 1px solid var(--lp-pms-bd-c-1);
	}

	.title,
	.price {
		margin-top: 0;
		margin-bottom: min(4vw, 12px);
		line-height: 1.625;
		font-size: min(4.444vw, 28px);
	
		span {
			margin-left: 0.1em;
			font-size: 62%;
		}
	}

	.title {
		padding-left: .4em;
	}

	.sizes {
		width: 100%;
		margin-bottom: 0;
		padding: 0.64em 1.2em;
		border-radius: 3px;
		background-color: #fff;
	}
}

/* ==========================================================================
 * Staff review
 */
.lp-staff-review {
	margin-left: var(--lp-gutter-nagative-4);
	margin-right: var(--lp-gutter-nagative-4);
	margin-bottom: var(--lp-gutter-4);
	padding: 1px var(--lp-gutter-s) 1em;
	border-radius: 6px;
	background-color: #fff;
}

.lp-staff-review .table {
	margin-bottom: 1.4em;
}

.lp-staff-review-title {
	line-height: 1.625;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 1.2em;
	margin-bottom: 0.8em;
	padding: 0 .5em;
	font-size: min(4.444vw, 28px);
	color: var(--lp-pms-color-3);
	font-weight: bold;
	text-align: center;
}

.lp-staff-review-icon {
	position: absolute;
	top: 3px;
	left: 0;
	width: 16.5%;
	transform: translateY(-100%);
}

.lp-staff-review-size img,
.lp-staff-review-icon img,
.lp-staff-review-comment-icon img {
	width: 100%;
	height: auto;
}

.lp-staff-review-size {
	overflow: hidden;
}

.lp-staff-review-comment {
	display: flex;
	text-align: justify;
	margin-top: min(3vw, 1.5em);
}

.lp-staff-review-comment-icon {
	flex-shrink: 0;
	width: 10.6%;
	margin-right: 1.2em;
}


/* ==========================================================================
 * User review
 */
.lp-user-review {
	margin: min(7.6vw, 60px) auto;
	padding: 1.2em var(--lp-gutter-4);
	border-radius: 6px;
	border: 1px solid rgb(0 0 0 / 25%);
	background-color: #fff;
}

.lp-user-review-name {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.2em !important;
}

.lp-user-review-info {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
	font-size: min(3.0vw, 16px);
}
/* .lp-user-review-rating {  } */
.lp-user-review-rating-label {
	margin-right: 0.6em;
	padding: 0 0.6em;
	border-radius: 4px;
	border: 1px solid;
	color: var(--lp-pms-color-4);
	font-weight: bold;
}
.lp-user-review-date { color: #808080; }
.lp-user-review-texts p { margin-bottom: .5em; line-height: 1.8; }

.lp-stars {
	letter-spacing: 0.2em;
	color: #fcc221;
}

.lp-star-5::before { content: "★★★★★"; }
.lp-star-4::before { content: "★★★★☆"; }
.lp-star-3::before { content: "★★★☆☆"; }
.lp-star-2::before { content: "★★☆☆☆"; }
.lp-star-1::before { content: "★☆☆☆☆"; }


/* ==========================================================================
 * FAQ
 */
.lp-faq {
	line-height: 1.8;
	margin-bottom: var(--lp-gutter-4);
}

.lp-faq-q {
	margin-bottom: 1em;
	padding-bottom: .7em;
	border-bottom: 1px solid var(--lp-pms-color-1);
}

.lp-faq-a p {
	margin-bottom: 0.5em;
}

/* ==========================================================================
 * Swiper
 */
.swiper-products { padding-left: var(--lp-gutter-1); }
.swiper-label {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.94em;
	padding: 0 .7em;
	line-height: 1;
	background-color: var(--lp-pms-color-2);
	color: #fff;
}

.swiper-coordinate {
	padding-left: var(--lp-gutter-1);
	padding-right: var(--lp-gutter-1);
}

.swiper-coordinate-thumbs {
	margin-top: min(5.55vw, 30px);
	padding-left: var(--lp-gutter-1);
	padding-right: var(--lp-gutter-1);
}

.swiper-coordinate-thumbs .swiper-slide-thumb-active {
	position: relative;
}

.swiper-coordinate-thumbs .swiper-slide-thumb-active::after {
	content: '';
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	border: 1px solid rgb(0 0 0 / 25%);
	background-color: rgb(0 0 0 / 30%);
}

.lp-coordinate-texts {
	position: absolute;
	z-index: 2;
	top: 0;
	/* left: 0; */
	left: 2%;
	transform: rotate(-90deg) translateX(-100%);
	transform-origin: top left;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	height: var(--lp-gutter-1);
	letter-spacing: 0.2em;
	font-size: min(3vw, 20px);
}


/* ==========================================================================
 * Miscs
 */

.lp {
	color: #2b2724;
}

.g-v-0 { margin-top: 0; margin-bottom: 0; }
.g-t-0 { margin-top: 0; }
.g-b-0 { margin-bottom: 0; }

.lp-g-v { margin-top: var(--lp-gutter-3); margin-bottom: var(--lp-gutter-3); }
.lp-g-t { margin-top: var(--lp-gutter-3); }
.lp-g-b { margin-bottom: var(--lp-gutter-3); }
.lp-p-t { padding-top: var(--lp-gutter-3); }
.lp-p-b { padding-bottom: var(--lp-gutter-3); }

.lp-g-v-m { margin-top: var(--lp-gutter-2); margin-bottom: var(--lp-gutter-2); }
.lp-g-t-m { margin-top: var(--lp-gutter-2); }
.lp-g-b-m { margin-bottom: var(--lp-gutter-2); }
.lp-p-t-m { padding-top: var(--lp-gutter-2); }
.lp-p-b-m { padding-bottom: var(--lp-gutter-2); }

.lp-g-v-s { margin-top: var(--lp-gutter-s) !important; margin-bottom: var(--lp-gutter-s) !important; }
.lp-g-t-s { margin-top: var(--lp-gutter-s) !important; }
.lp-g-b-s { margin-bottom: var(--lp-gutter-s) !important; }
.lp-p-v-s { padding-top: var(--lp-gutter-s) !important; padding-bottom: var(--lp-gutter-s) !important; }
.lp-p-t-s { padding-top: var(--lp-gutter-s) !important; }
.lp-p-b-s { padding-bottom: var(--lp-gutter-s) !important; }

.lp p {
	line-height: 2.16;
	margin-bottom: 1.5em;
	font-size: var(--lp-fz-1);
	font-weight: bold;
}

.wrap-1 {
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--lp-gutter-1);
	padding-right: var(--lp-gutter-1);
}

.wrap-4 {
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--lp-gutter-4);
	padding-right: var(--lp-gutter-4);
}

.lp-list-checked-1 {
	list-style: none;
	padding-left: 0;
	font-size: var(--lp-fz-1);
	font-weight: bold;
	border-top: 1px solid var(--lp-pms-color-1);
}

.lp-list-checked-1 li {
	display: flex;
	align-items: center;
	line-height: 1.7;
	padding: 1.2em 0.7em;
	border-bottom: 1px solid var(--lp-pms-color-1);
}

.lp-list-checked-1 li::before {
	content: '';
	width: 1em;
	height: 1em;
	margin-right: 1em;
	background-image: url(../img/lp-pampus/icon-checked-1.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

.lp-image-rounded-1 {
	overflow: hidden;
	border-radius: 50% 50% 3% 3%;
}

.lp-image-rounded-1-4x5 {
	overflow: hidden;
	border-radius: 50%  50% 1% 1% / 40% 40% 1% 1%;
}

.link-underline {
	color: #935d40;
	text-decoration: underline;
}
.link-underline:hover {
	color: #999;
}