@charset "utf-8";
.offer .cta {
	position: relative;
}
.offer .cta-button,
.offer .cta-button2 {
	position: absolute;
	left: 50%;
	bottom: 40px;
	transform: translateX(-50%);
}
.offer .cta-button2 {
	display: flex;
}
.offer .cta-button2 p + p {
	margin-left: 18px;
}
.offer .cta-button2 p {
	width: 448px;
}
.offer .cta-button {
	width: 848px;
}
.offer .cta-button:nth-child(2) {
	width: 849px;
}
.img-wearing,
.img-wearing2,
.video {
	display: flex;
	align-items: center;
	background-size: contain;
}
.img-wearing {
	height: 894px;
	background-image: url(../img/bg-wearing.jpg);
}
.img-wearing2 {
	height: 710px;
	background-image: url(../img/bg-wearing2.jpg?3);
}
.img-wearing img,
.img-wearing2 img {
	border-radius: 300px;
}

.video1 {
	height: 745px;
	background-image: url(../img/bg-video1.jpg);
}
.video2 {
	height: 880px;
	background-image: url(../img/bg-video2.jpg?2);
}
.video3 {
	height: 744px;
	background-image: url(../img/bg-video3.jpg);
}
.video video {
	display: block;
	margin: 0 auto;
	width: 980px;
	border-radius: 20px;
}

.revico-multicomment-top .revico-comment-footer {
	margin: 30px auto 0 !important;
}

/* 注意事項 */
.note {
	padding-bottom: 145px;
	background: #f3dbdc;
}
.note .note-table {
	margin: 0 auto;
	padding: 40px;
	width: 980px;
	background-color: #ffffff;
	border-radius: 10px;
	box-sizing: border-box;
}
.note .note-table tr:not(:last-child) {
	border-bottom: 1px solid #d6afb1;
}
.note .note-table th {
	padding: 20px 14px;
	width: 20%;
	line-height: 1.5;
	text-align: left;
}
.note .note-table td {
	padding: 20px 14px;
	line-height: 1.7;
}
.note .note-table .note-dot li {
	margin-left: 1em;
	text-indent: -1em;
}
.note .note-table .note-dot li.dot-pattern1::before {
	content: "・";
}
.note .note-table .note-dot li.dot-pattern2::before {
	content: "●";
}
.cartModal .note {
	padding-bottom: 0;
	background: transparent;
}

@media screen and (max-width: 768px) {
	.offer .cta-button,
	.offer .cta-button2 {
		bottom: 2.67vw;
	}
	.offer .cta-button2 p + p {
		margin-left: 1.87vw;
	}
	.offer .cta-button2 p {
		width: 36.8vw;
	}
	.offer .cta-button,
	.offer .cta-button:nth-child(2) {
		width: 69.33vw;
	}
	.img-wearing {
		height: 77.5vw;
	}
	.img-wearing2 {
		height: 61.54vw;
	}
	.img-wearing img,
	.img-wearing2 img {
		border-radius: 23.65vw;
	}

	.video video {
		width: auto;
		border-radius: 5.33vw;
	}
	.video1 {
		height: 64.53vw;
	}
	.video2 {
		height: 76.27vw;
	}
	.video3 {
		height: 64.53vw;
	}

	.note {
		padding-bottom: 19.33vw;
	}
	.note .note-table {
		padding: 2.67vw;
		width: 90%;
		font-size: 3.2vw;
		border-radius: 2.67vw;
	}
	.note .note-table th {
		padding: 2.67vw 1.07vw;
    width: 30%;
	}
	.note .note-table td {
		padding: 2.67vw 1.07vw;
	}
}
