/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 28 2026 | 08:25:42 */
.page-id-2131 header {
	height: 550px;
	background-image:url(https://master-piece.jp/wp-content/uploads/2022/09/top3.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
.page-id-2131 h2 {
	font-family: source-han-sans-japanese, sans-serif;
	background: #201f1f;
	padding: 8px 25px 13px 25px;
	font-size: 5em !important;
}
.page-id-2131 .product-back {
	padding-top: 50px !important;
	height: 650px;
	background: -moz-linear-gradient(25deg, #e3c0c3, #ffe5d6);
	background: -webkit-linear-gradient(25deg, #e3c0c3, #ffe5d6);
	background: linear-gradient(25deg, #e3c0c3, #ffe5d6);
}
.page-id-2131 .shiny-btn2 {
	color: #fff;
	background-color: #c6b8b7;
	padding: 16px 30px 14px 30px;
	margin: 0% -5% 0% -5%;
	border-radius: 100vh;
	transition: 0.2s;
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.page-id-2131 .shiny-btn {
	color: #fff;
	background: linear-gradient(0deg, #d96c71, #ffa5a5);
	padding: 16px 30px 14px 30px;
	margin: 0% -5% 0% -5%;
	border-radius: 100vh;
	transition: 0.2s;
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.page-id-2131 .title-border-right {
  writing-mode: vertical-rl;
  font-family: brandon-grotesque, sans-serif;
  margin-left: 95%;
  margin-top: -420px;
  color: #fff;
  font-size: 1.5em;
  white-space: nowrap;
  position: absolute;
}
.page-id-2131 .mainContents {
	overflow-x: hidden;
	overflow-y: hidden;
}
.page-id-2131 .btn-sp {
	z-index: 999;
}
.page-id-2131 .top-height1 {
	height: 1px;
	text-align: center;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
	top: 100px;
}
.page-id-2131 .lp_bottom2 {
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/11/foot2-scaled.jpg);
	height: 600px;
	width: 100%;
	background-position: 70% 10%;
	background-size: cover;
	text-align: left;
}
.page-id-2131 .bottomR {
	margin-left: 50%;
}
.page-id-2131 .foot3 {
	font-size: 3rem;
	font-family: shippori-antique, sans-serif;
	line-height: 1.2;
	margin-bottom: 15px;
}
.page-id-2131 .foot3::before {
	content: "";
	display: inline-block;
	width: 3em;
	border-top: 1px solid;
	margin-right: 1em;
	padding-bottom: 4px;
	vertical-align: middle;
}
.page-id-2131 .shiny-btn4.btn.btn--orange2.btn--radius2 {
	margin-top: 40px;
	margin-left: -20px;
}
@media screen and (max-width: 1499px) {
.page-id-2131 .Antro-Vectra {
	transform: translate(10%, -410%);
	margin-left: 53%;
}
.materialback {
	margin-left: -15%;
}
}
@media screen and (max-width: 1300px) {
.materialback {
	margin-left: -20%;
}
}
@media screen and (max-width: 1190px) {
.page-id-2131 .top-height1 {
	width: auto;
}
.page-id-2131 p br {
	display: none;
}
.page-id-2131 .btn-trans {
	transform: translate(220px, -335px);
}
.page-id-2131 .foot-image {
	display: block;
	width: 220%;
	height: 420px;
	margin-left: -50%;
	margin-top: 20%;
	object-fit: cover;
	position: relative;
	top: 50px;
}
.page-id-2131 .btn.btn--orange2.btn--radius2:nth-child(2) {
	margin-top: 30px;
	clear: both;
}
.page-id-2131 .maison-trans {
	transform: translate(280px, -365px);
}
.page-id-2131 .maison-trans2 {
	transform: translate(180px, -410px);
	text-align: left;
	margin-left: -39%;
	margin-bottom: -30px;
	font-size: 10px;
}
.page-id-2131 .maison-font {
	font-family: garamond-premier-pro-caption, serif;
	font-weight: 400;
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 15px;
}
.page-id-2131 .foot3 {
	color: #fff;
	text-shadow: 1px 1px 1px #222;
}
.page-id-2131 .lp_bottom p {
	margin-top: 40px;
	color: #666;
}
.page-id-2131 .wrap span::before {
	content: "";
	display: inline-block;
	width: 3em;
	border-top: 1px solid;
	vertical-align: middle;
	margin-right: 1em;
	padding-bottom: 4px;
	display: none;
}
.page-id-2131 .ing-margin {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: -150px;
	margin-bottom: 150px;
}
.page-id-2131 .total-left {
	margin-right: 0px;
}
.page-id-2131 .fadeInUp {
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
	text-align: center;
}
.page-id-2131 p .change {
	display: inline;
}
.page-id-2131 .lp_bottom2 p .change,
.page-id-2131 .items-text .change,
.page-id-2131 .rose-font .change,
.page-id-2131 .final .change {
	display: inline-block;
}
.page-id-2131 .product-text {
	margin-top: 30px;
	width: 100%;
	margin-right: 0%;
	margin-left: 8%;
}
.page-id-2131 .serum-text2 {
	font-size: 1.6rem;
	text-align: justify;
}
.page-id-2131 .text-left {
	text-align: justify;
}
.page-id-2131 .materialrose {
	width: 200%;
	height: 300px;
	transform: translate(-80px);
	object-fit: cover;
	margin-top: -100px;
}
.page-id-2131 .materialbox {
	margin-left: -10%;
	transform: translate(0px, 30px);
}
.page-id-2131 .materialbox .items {
	font-size: 2em;
	font-family: brandon-grotesque, sans-serif;
	font-weight: bold;
	border-bottom: 2px solid;
	border-top: 2px solid;
	margin-left: 16%;
}
.page-id-2131 .items-top .items {
	margin-left: 30%;
}
.page-id-2131 .material-in {
	padding: 0.5em 2%;
	background: #fff;
	opacity: 70%;
	width: 86%;
	margin-left: 11%;
}
.page-id-2131 .materialback {
	background: linear-gradient(160deg, #d9e7e1 0%, #d9e7e1 36%, #ead6d6 68%, #ead6d6 100%);
	height: auto;
	width: 125%;
	padding-bottom: 100px;
	margin-left: -12%;
}
.page-id-2131 .ingredientback {
	background: linear-gradient(160deg, rgba(234, 216, 212,1) 0%, rgba(255,239,227,1) 36%, rgba(255,248,250,1) 68%, rgba(236,249,247,1) 100%);
	height: 500px;
}
.page-id-2131 .firstRose {
	margin-bottom: -100px;
}
.page-id-2131 .btn-sp {
	margin-top: 100px;
	text-align: center;
	position: relative;
	top: -80px;
	left: -17px;
}
.page-id-2131 .btn--orange,
.page-id-2131 a.btn--orange {
	color: #fff;
	background-color: #e5c3b4;
	padding: 20px 30px 18px 30px;
	margin: 0px -5px -15px -5px;
	display: block;
}
.page-id-2131 .ing-text {
	margin: auto;
	font-size: 30px;
}
.page-id-2131 .reverse3 {
	margin-top: 0px;
}
.page-id-2131 .reverse4 .serum-text {
	margin-top: -155px;
}
.page-id-2131 .centering {
	box-sizing: border-box;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -250px;
}
.page-id-2131 .centering .logo-image {
	width: 20%;
	float: left;
	padding: 10px;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 5%;
}
.page-id-2131 .doctor br {
	display: none;
}
.page-id-2131 .material-font-bottom {
	margin-top: 2%;
	text-align: justify;
	padding-bottom: 10px;
	padding-top: 10px;
}
.page-id-2131 .serum-text-change {
	margin-top: -165px;
	text-align: center;
}
.page-id-2131 .material-font-left {
	text-align: left;
	padding-top: 15px;
}
.page-id-2131 .howTo {
	margin-top: -230px;
	margin-bottom: 500px;
}
.page-id-2131 .usage-background {
	background: none;
	background-size: auto;
	height: 700px;
	background-size: contain;
	position: absolute;
	top: 200px;
	left: 15%;
}
.page-id-2131 .finalLine {
	padding-top: 900px;
	margin-bottom: -600px;
}
.page-id-2131 .final {
	margin-top: 500px;
	margin-bottom: -200px;
}
.page-id-2131 .usage-content {
	width: 35%;
	height: 300px;
	margin-top: 30px;
	text-align: justify;
	margin-left: 17px;
}
.page-id-2131 .usage-img {
	width: 150px;
	margin-bottom: 20px;
}
.page-id-2131 .usage-centering .total-right {
	margin-top: auto;
}
.page-id-2131 .material-top {
	margin-top: -15%;
}
.page-id-2131 .mp_circle {
	width: 130px;
	animation: rotate-anime 20s linear infinite;
	margin-left: -500px;
}
.page-id-2131 .product-margin {
	padding-bottom: 0px;
}
.page-id-2131 footer {
	margin-top: -200px;
}
.page-id-2131 h2.pageTtl {
	padding-top: 13px;
	padding-bottom: 13px;
}
.page-id-2131 .rose {
	width: 300px;
	margin-left:10%;
}
.page-id-2131 .product_lp {
	width: 100%;
	margin-top: 40px;
}
.page-id-2131 .reverse {
	margin-top: 0px;
}
.page-id-2131 .product-back {
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/10/product-back.png);
	padding-top: 50px !important;
	height: 100%;
	width: 100%;
	padding-left: 5%;
}
.page-id-2131 .product-text3 {
	margin-left: 8%;
}
.page-id-2131 .btn-sp2 {
	margin-left: 8%;
}
.page-id-2131 .ing_box {
	margin-top: 150px;
}
.page-id-2131 .reverse2 {
	margin-top: 0px;
}
.page-id-2131 .Antro-Vectra {
	transform: translate(-3%, -450%);
}
.page-id-2131 .columncontents {
	width: 100%;
	display: flex;
	justify-content: center;
}
.page-id-2131 .doctor .columncontents {
	width: 120%;
	margin-left: -10%;
}
.page-id-2131 .doctor .columnmain {
	max-width: 100%;
	margin-left: 30px;
	margin-right: 30px;
}
.page-id-2131 .m-p {
	width: 200px;
	transform: translate(150%, -40%);
	opacity: 0.5;
}
.page-id-2131 .lp_bottom2 {
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/11/foot2-scaled.jpg);
	height: auto;
	background-size: cover;
	text-align: left;
	margin-top: 200px;
	margin-bottom: 300px;
}
.page-id-2131 .bottomR {
	margin-left: 40%;
}
}
@media screen and (max-width: 980px) {
.page-id-2131 .product_lp {
	width: 140%;
	margin-top: 40px;
	margin-left: -100px;
	margin-right: -100px;
}
.page-id-2131 .items-top .product-text {
	margin-right: 6%;
	margin-left: 3%;
}
}
@media screen and (max-width: 900px) {
.page-id-2131 .usage-background {
	position: absolute;
	top: 200px;
	left: 0px;
	margin-left: 0%;
}
}
@media screen and (min-width: 600px) and (max-width: 1189px) {
.page-id-2131 .finalLine {
	padding-top: 300px;
}
.page-id-2131 .product-margin2 {
	margin-top: 50px;
}
.page-id-2131 .reverse4 {
	width: 107%;
}
.page-id-2131 .reverse4 .serum-text {
	margin-top: -155px;
}
.page-id-2131 .reverse2 .product-img {
	width: 90% !important;
}
.page-id-2131 .product-img {
	width: 70%;
	margin-top: -50px;
	margin-left: 20%;
}
.page-id-2131 .total-left .product-text2 {
	width: 130%;
}
.page-id-2131 .circle,
.page-id-2131 .circle2 {
	display: none;
}
}
 @media screen and (max-width: 800px) {
.page-id-2131 .top-height1 {
	display: none;
}
.page-id-2131 .doctor .columncontents {
	width: 120%;
	margin-left: -10%;
	display: block;
}
.page-id-2131 .doctor .columnmain {
	max-width: 100%;
	margin-left: 30px;
	margin-right: 30px;
}
.doctor .ing-right {
	margin-left: 30px;
	margin-right: 30px;
}
.page-id-2131 .m-p {
	width: 170px;
	transform: translate(100%, -40%);
}
.page-id-2131 .howTo .ing-right {
	margin-left: -20%;
	margin-right: 15%;
}
.page-id-2131 .bottomR {
	margin-left: 30%;
}
.page-id-2131 .lp_bottom2 {
	background-position: 60% 10%;
	text-align: right;
	padding-right: 20px;
}
.page-id-2131 .product_lp {
	margin-left: -150px;
	margin-right: -150px;
}
}
@media screen and (max-width: 709px) {
.page-id-2131 .shiny-btn4.btn.btn--orange2.btn--radius2,
.page-id-2131 .shiny-btn3.btn.btn--orange2.btn--radius2 {
	margin-top: 0px;
	margin-left: 40%;
	display: block;
	text-align: center;
	width: 50%;
}
}
@media screen and (max-width: 700px) {
.page-id-2131 .bottomR {
	margin-left: 20%;
}
}
@media screen and (max-width: 640px) {
.page-id-2131 .shiny-btn4.btn.btn--orange2.btn--radius2,
.page-id-2131 .shiny-btn3.btn.btn--orange2.btn--radius2 {
	margin-top: 40px;
}
.page-id-2131 .foot3::before {
	content: none;
}
.page-id-2131 .shiny-btn3.btn.btn--orange2.btn--radius2 {
	margin-top: 0px;
}
.page-id-2131 .lp_bottom2 {
	background-position: 50% 10%;
}
}
@media screen and (max-width: 599px) {
.page-id-2131 .reverse {
	margin-top: 750px;
}
.page-id-2131 .reverse2 {
	margin-top: -1000px;
}
.page-id-2131 .reverse3 {
	margin-top: 460px;
}
.page-id-2131 .product-back {
	height: 550px;
	width: 80%;
	padding-left: 0%;
}
.page-id-2131 .product-text3 {
	margin-left: auto;
}
.page-id-2131 .btn-sp2 {
	margin-left: auto;
}
.page-id-2131 .fadeInUp {
	text-align: justify;
}
.page-id-2131 .ing_box {
	margin-top: auto;
}
.page-id-2131 .materialrose {
	width: 50%;
}
.page-id-2131 .material-in {
	padding: 0.5em 1em;
	width: 400px;
	margin-left: 10%;
}
.page-id-2131 .materialback {
	width: 1500px;
	margin-left: -12%;
}
.page-id-2131 .columncontents {
	display: block;
}
.page-id-2131 .centering .logo-image {
	width: 100%;
	float: left;
	padding: 10px;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 0px;
}
.page-id-2131 .reverse4 .serum-text {
	margin-top: -175px;
}
.page-id-2131 .serum-text-change {
	margin-top: -200px;
}
.page-id-2131 .m-p {
	transform: translate(70%, -40%);
}
.page-id-2131 .usage-background {
	position: absolute;
	top: 200px;
	left: -18px;
}
.page-id-2131 .howTo .ing-right {
	margin-left: 0px;
	margin-right: 0px;
}
.page-id-2131 .lp_bottom2 {
	background-position: 40% 10%;
}
.page-id-2131 .shiny-btn4.btn.btn--orange2.btn--radius2,
.page-id-2131 .shiny-btn3.btn.btn--orange2.btn--radius2 {
	margin-left: 30%;
	width: 70%;
}
.page-id-2131 .rose-font {
	text-align: left;
	font-size: 2.5em !important;
}
.page-id-2131 .foot {
	text-align: left;
	font-size: 2.5em !important;
	margin-left: 0;
}
.page-id-2131 .product_lp {
	width: 350px;
	margin-left: 0px;
	margin-right: 0px;
}
}
@media screen and (max-width: 499px) {
.page-id-2131 .rose {
	margin-left: 10%;
}
.page-id-2131 .product-text {
	width: 95%;
	margin-left: 1%;
}
.page-id-2131 .product_lp {
	width: 350px;
}
.page-id-2131 .items-text2 br {
	display: none;
}
.page-id-2131 .btn-sp {
	left: -10px;
}
.page-id-2131 .serum-text-change {
	margin-top: -300px;
}
.page-id-2131 .reverse3 {
	margin-top: 360px;
}
}
@media screen and (max-width: 399px) {
.page-id-2131 .title-border-right {
	margin-left: -50px;
}
.page-id-2131 .product_lp {
	margin-left: -30px;
}
.page-id-2131 .mp_circle {
	margin-left: -600px;
}
.page-id-2131 .m-p {
	margin-left: -50px;
}
.page-id-2131 .usage-content {
	margin-top: 30px;
	margin-left: -15px;
}
.page-id-2131 .lp_bottom {
	margin-left: 0px;
}
.page-id-2131 .foot-image {
	margin-left: -40%;
}
.page-id-2131 .foot3 {
	font-size: 30px;
	margin-left:15px;
}
.page-id-2131 .maison-font {
	font-size: 28px;
	margin-right:13px;
}
.page-id-2131 .maison-font2 {
	font-size: 1.9em;
}
.page-id-2131 .btn--orange2,
.page-id-2131 a.btn--orange2 {
	padding: 20px 20px 18px 22px;
}
.page-id-2131 .usage-box {
	width: 860px;
	margin-left: 30px;
}
.page-id-2131 .brandbox {
	margin-left: 170px;
	margin-bottom: 30px;
}
.page-id-2131 .ing-text {
	font-size: 24px;
	padding-left: 80px;
	padding-right: 80px;
	margin-left: 15px;
}
.page-id-2131 .material-in {
	width: 320px;
	margin-left: 10.5%;
}
.page-id-2131 .materialbox .items {
	margin-left: 14.5%;
}
.page-id-2131 .ing2 {
	margin-left: -40px;
}
.page-id-2131 .product-img {
	width: auto;
	margin-top: -50px;
	height: 400px;
	overflow: hidden;
}
.page-id-2131 .circle {
	transform: translate(0%, -180%);
}
.page-id-2131 .reverse3 {
	margin-top: 400px;
}
.page-id-2131 .post_password {
	height: 300px;
}
.page-id-2131 .rose-font,
.page-id-2131 .foot {
	font-size: 2em !important;
}
}
@media screen and (max-width: 349px) {
.page-id-2131 h2.pageTtl {
	font-size: 36px !important;
}
.page-id-2131 .brandbox {
	margin-left: 150px;
}
.page-id-2131 .material-in {
	width: 290px;
	margin-left: 10.5%;
}
.page-id-2131 .ing-text {
	padding-left: 50px;
	padding-right: 50px;
}
.page-id-2131 .columncontents {
	width: 93%;
}
}
@media screen and (max-width: 329px) {
.page-id-2131 .product_lp {
	margin-left: -45px;
}
.page-id-2131 .material-in {
	width: 270px;
	margin-left: 10.5%;
}
.page-id-2131 .ing-margin {
	margin-right: 50px;
}
.page-id-2131 .doctor .columnmain {
	margin-right: -20px;
}
.page-id-2131 .doctor .ing-right {
	margin-right: 0px;
}
.page-id-2131 .materialbox .items {
	margin-left: 13%;
}
.page-id-2131 .items-top .items {
	margin-left: 25%;
}
.page-id-2131 .product-text {
	width: 100%;
	margin-left: 1%;
}
.page-id-2131 .doctor .ing-right {
	margin-right: -20px;
}
}
.s-box-lp {
  border-radius: 10px;
  background-color: #fff;
  border: solid 1px;
  height: 300px;
  width: 300px;
  margin-left: 50px;
  margin-top: 50px;
}
.product-image-lp {
  width: 300px;
  margin-top: -3px;
}
.product-image-back {
  background: #f3f3f3;
  margin-top: -20px;
}
.productserum {
  font-size: 2em;
  font-family: brandon-grotesque, sans-serif;
  font-weight: bold;
}
.productserum-centering {
  text-align: center;
}
.vertical-serum {
  writing-mode: vertical-rl;
  font-family: brandon-grotesque, sans-serif !important;
  transform: translate(1400%, -160%);
}
.productserum-text {
  margin-top: 30px;
  width: 600px;
  margin-left: 50px;
}
.productserum-text2 {
  font-size: 1.5em;
  font-weight: bold;
}
.productserum-text3 {
  font-size: 1.2em;
  line-height: 10%;
}
.productserum-hr {
  border-bottom: solid 1px;
  width: 500px;
}
.productserum-text4 {
  font-size: 2.3em;
  font-weight: bold;
  line-height: 150%;
}
.productserum-text4-margin{
  margin-top: -10px;
}
.btn-productserum {
  background: #bf7975;
  border: solid 1px #bf7975;
  color: white;
  padding: 15px 15px 10px 15px;
}
.btn-sp-serum {
  margin-top: 10px;
}
.btn-text-serum {
  font-size: 1.2em;
  font-weight: bold;
}
a.btn--radius3 {
  border-radius: 1vh;
}
.btn-productserum2 {
  border: solid 1px #33262d;
  color: #33262d;
  padding: 15px 15px 10px 15px;
}
.subscription {
  width: unset;
  max-width: 850px;
  margin-top: 100px;
}
.subscription_center {
  text-align: center;
  background: #f3f3f3;
}