/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 28 2026 | 08:26:05 */
.page-id-748 form,
.page-id-825 form,
.page-id-859 form,
.page-id-880 form,
.page-id-1006 form,
.page-id-1063 form,
.page-id-1086 form,
.page-id-1107 form,
.page-id-1130 form,
.page-id-1139 form,
.page-id-1143 form {
	text-align: center !important;
}
.page-id-748 form .post_password,
.page-id-825 form .post_password,
.page-id-859 form .post_password,
.page-id-880 form .post_password,
.page-id-1006 form .post_password,
.page-id-1063 form .post_password,
.page-id-1086 form .post_password,
.page-id-1107 form .post_password,
.page-id-1130 form .post_password,
.page-id-1139 form .post_password,
.page-id-1143 form .post_password {
	height: 150px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	text-align: center !important;
}
.page-id-748 .coupontext,
.page-id-825 .coupontext,
.page-id-859 .coupontext,
.page-id-880 .coupontext,
.page-id-1006 .coupontext,
.page-id-1063 .coupontext,
.page-id-1086 .coupontext,
.page-id-1107 .coupontext,
.page-id-1130 .coupontext,
.page-id-1139 .coupontext,
.page-id-1143 .coupontext {
	font-size: 16px;
	text-align: center !important;
	font-weight: 600 !important;
	margin-top: 50px !important;
	margin-bottom: 20px !important;
}
.page-id-748 input[type="password"],
.page-id-825 input[type="password"],
.page-id-859 input[type="password"],
.page-id-880 input[type="password"],
.page-id-1006 input[type="password"],
.page-id-1063 input[type="password"],
.page-id-1086 input[type="password"],
.page-id-1107 input[type="password"],
.page-id-1130 input[type="password"],
.page-id-1139 input[type="password"],
.page-id-1143 input[type="password"] {
	width: 200px;
	height: 40px;
	border-radius: 15px;
	border: 1px solid #33262d;
	font-size: 16px;
	text-align: center;
}
.page-id-748 input[type="submit"],
.page-id-825 input[type="submit"],
.page-id-859 input[type="submit"],
.page-id-880 input[type="submit"],
.page-id-1006 input[type="submit"],
.page-id-1063 input[type="submit"],
.page-id-1086 input[type="submit"],
.page-id-1107 input[type="submit"],
.page-id-1130 input[type="submit"],
.page-id-1139 input[type="submit"],
.page-id-1143 input[type="submit"] {
	background-color: #444;
	border-color: #444;
	margin-top: 30px;
	margin-bottom: 50px;
	width: 80px;
	height: 35px;
	color: white;
	font-size: 15px;
}
.single-post {
	font-size: 1.5em;
}
.kaigyo {
	display:inline-block;
}
.page-id-889 .su-heading-inner,
.page-id-1172 .su-heading-inner {
	border-bottom: 1px solid;
}
.h-box1 {
	margin: 2em 0em;
	padding: 1em;
	width: 90%;
	background-color: #fff;
	border: 2px solid #eca249;
}
.page-id-889 main img,
.page-id-1172 main img {
	width: auto !important;
}
.page-id-889 main,
.page-id-1172 main {
	font-size: 16px;
}
.en-US #toc_container,
.zh-CN #toc_container,
.zh-HK #toc_container,
.page-id-15 #toc_container,
.page-id-13 #toc_container,
.page-id-3 #toc_container,
.page-id-9 #toc_container,
.page-id-880 #toc_container,
.page-id-1166 #toc_container,
.blog #toc_container,
.page-id-1086 #toc_container,
.page-id-1321 #toc_container,
.page-id-1143 #toc_container,
.page-id-1196 #toc_container {
	display: none;
}
.page-id-889 header,
.page-id-1172 header {
	height: 300px;
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/01/mv_affiliate-scaled.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
.page-id-859 header {
	height: 300px;
	background-image: url(https://master-piece.jp/wp-content/uploads/2021/12/mv_goldenslumber.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
.page-id-859 section.about:nth-of-type(1) > div {
	background-image: url(https://master-piece.jp/wp-content/uploads/2021/12/mv_goldenslumber2.png);
}
.gsbox1 {
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #2c2c2f;
	background: #797979;
}
.page-id-859 a:hover {
	color: #515151;
}
.gsbox1 p {
	margin: 0;
	padding: 0;
}
.dexasp {
	color: #0066c0 !important;
}
hr.gsstyle1 {
	border-top: 2px solid #fff;
	width: 30px;
}
.page-id-859 main {
	font-size: 16px;
}
.page-id-859 section {
	padding-bottom: 50px;
}
a.btn-gs {
	color: #fff;
	border: 2px solid #fff;
	border-radius: 0;
	padding: 5px 250px 3px 250px;
}
.page-id-1006 header {
	height: 300px;
	background-image: url(https://master-piece.jp/wp-content/uploads/2021/12/mv_goldenslumber6.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
.page-id-1063 header {
	height: 300px;
	background-image: url(https://master-piece.jp/wp-content/uploads/2021/12/mv_goldenslumber4.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
.page-id-1006 .columncontents {
	width: 100%;
	display: flex;
	justify-content: center;
}
.page-id-1006 .columnmain {
	max-width: 800px;
	flex: 1;
}
.page-id-1006 .columnsub {
	width: 800px; /*幅指定*/
}
.shadow_gs {
	filter: drop-shadow(5px 5px 5px #aaa);
}
hr.gsstyle2 {
	width: 30px;
}
a.btn-gs2 {
	color: #33262d;
	border: 2px solid #a7a8ac;
	border-radius: 0;
	padding: 10px 80px 10px 80px;
}
.columncontents2 {
	width: 100%;
	display: flex;
	justify-content: center;
}
.columnmain2 {
	max-width: 350px;
	flex: 1;
}
.columnsub2 {
	width: 350px; /*幅指定*/
}
.salonbox {
	padding-top: 10px !important;
}
.salonbox2 {
	padding-top: 10px !important;
	padding-bottom: 30px !important;
}
a.btn-gs3 {
	color: #fff;
	background: #a7a8ac;
	border: 2px solid #a7a8ac;
	border-radius: 0;
	padding: 10px 239px 10px 239px;
	margin-left: 10px;
}
.slmbr-mgn {
	margin-left: -35px;
}
.page-id-1063 .fontsize {
	font-size: 16px;
}
.introduction1 {
	margin-top: -30px;
	margin-bottom: -30px;
}
.introduction-back {
	background: #d2d2d2;
	width: 100%;
	height: 200px;
	padding-top: 50px;
}
.introduction2 {
	margin-top: -100px;
}
.gsstyle2 {
	width: 30px;
}
.page-id-1086 header {
	height: 300px;
	background-image: url(https://master-piece.jp/wp-content/uploads/2021/12/mv_goldenslumber5.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
.page-id-1107 header {
	height: 300px;
	background-color: #595757;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
.page-id-1107 .columncontents {
	width: 100%;
	display: flex;
	justify-content: center;
}
.page-id-1107 .columnmain {
	max-width: 800px;
	flex: 1;
}
.page-id-1107 .columnsub {
	width: 800px; /*幅指定*/
}
.corporatebox {
	padding-top: 100px !important;
}
.page-id-1107 main img {
	width: 80%;
	border: 1px solid #6f6f6f;
	margin-top: 80px;
}
.page-id-1107 h3 {
	font-size:2em;
}
.bold {
	font-weight:bold;
}
.corporate2 {
	text-align: left;
	margin-left: 80px;
}
.corporate3 {
	margin-left: -100px;
}
.page-id-880 header {
	height: 300px;
	background-color: #595757;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
.n2-ss-slider {
	z-index: 3;
	position: relative;
	text-align: left;
	width: 100%;
	min-height: 1px;
	height: 450px;
}
div#n2-ss-2 .nextend-arrow img {
	width: 32px;
	background-color: #bfbfbf;
}
div#n2-ss-2 .nextend-arrow img {
	width: 32px;
	display: none;
}
.page-id-1130 header,
.page-id-1139 header,
.page-id-1143 header {
	height: 300px;
	background-image: url(https://master-piece.jp/wp-content/uploads/2021/12/mv_goldenslumber.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
div#n2-ss-2 .n2-style-74af251937d739c72ce5b88e31050c9a-dot.n2-active,
div#n2-ss-2 .n2-style-74af251937d739c72ce5b88e31050c9a-dot:hover,
div#n2-ss-2 .n2-style-74af251937d739c72ce5b88e31050c9a-dot:focus {
	border: 4px solid RGB(255, 106, 106);
	opacity: 1;
}
 @media screen and (max-width: 1190px) {
.page-id-1107 .columncontents {
	width: 100%;
	display: block;
}
.page-id-1107 .columnmain {
	max-width: 100%;
}
.page-id-1107 .columnsub {
	width: 100%;
}
.page-id-1006 .columncontents {
	width: 100%;
	display: block;
}
.page-id-1006 .columnmain {
	max-width: 100%;
}
.page-id-1006 .columnsub {
	width: 100%;
}
}
 @media screen and (max-width: 900px) {
.btn.btn-gs2 {
	display: block;
}
.slmbr-mgn {
	margin-left: 0px;
}
}
 @media screen and (max-width: 816px) {
.btn.btn-gs3 {
	display: block;
	padding: 5px 0px;
}
.btn.btn-gs {
	display: block;
	padding: 5px 0px;
}
}
 @media screen and (min-width: 768px) {
.page-id-748 input[type="password"],
.page-id-825 input[type="password"] {
	width: 350px;
	height: 40px;
	vertical-align: center;
	border-radius: 15px;
	border: 1px solid #33262d;
	font-size: 40px;
	text-align: left;
	padding-bottom: 10px;
}
}
 @media screen and (max-width: 400px) {
.columncontents2 {
	width: 100%;
	display: block;
}
.columnmain2 {
	max-width: 100%;
}
.columnsub2 {
	width: 100%;
}
}
.page-id-1196 header {
	height: 300px;
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/05/shutterstock_1937897743-scaled.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
.page-id-1196 section {
	text-align: left;
	padding-bottom: 100px;
	padding-top: 100px;
	font-size: 1.5em;
}
.page-id-1212 header {
	height: 300px;
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/05/faq-scaled.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
.page-id-1212 section {
	text-align: left;
	padding-bottom: 100px;
	padding-top: 100px;
	font-size: 1.5em;
}
/* Shipping_tabledesign */

.page-id-1196 table {
	margin-left: initial;
	margin-right: auto;
}
.page-id-1196 table tr {
	background-color: #fff;
	border-bottom: 2px solid #fff;
}
.page-id-1196 table tr:nth-child(even) {
	background-color: #eee;
}
.page-id-1196 table th,
table td {
	padding: .35em 1em;
}
.page-id-1196 table thead th {
	font-size: .85em;
	padding: 1em;
	text-align: center;
}
.page-id-1196 table thead tr {
	background-color: #8c8c8c;
	color:#fff;
}
.page-id-1196 table tbody th {
	text-align: left;
	font-size: .8em;
}
.page-id-1196 .txt {
	text-align: left;
	font-size: .75em;
}
.page-id-1196 .price {
	text-align: center;
	color: #33262d;
}
@media screen and (max-width: 600px) {
.page-id-1196 table {
	border: 0;
	width:100%
}
.page-id-1196 table th {
	background-color: #fd6767;
	display: block;
	border-right: none;
}
.page-id-1196 table thead {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.page-id-1196 table tr {
	display: block;
	margin-bottom: .625em;
	border: 1px solid #8c8c8c;
}
.page-id-1196 table td {
	border-bottom: 1px dotted #bbb;
	display: block;
	font-size: .8em;
	text-align: right;
	position: relative;
	padding: 1.5em 1em 1.5em 4em;
	border-right: none;
}
.page-id-1196 table td::before {
	content: attr(data-label);
	font-weight: bold;
	position: absolute;
	left: 10px;
	color: #33262d;
}
.page-id-1196 table td:last-child {
	border-bottom: 0;
}
.page-id-1196 table tbody th {
	color: #fff;
	padding: 1em
}
.page-id-1196 table tr:nth-child(even) {
	background-color: #fff;
}
}
/* ---------------------- */


.ship {
	color: #1a0dab !important;
}
.ship:hover {
	text-decoration: none !important;
}
.ship_serum {
	background-color: #f3f0ed;
	text-align: center;
	margin-bottom: 0.5em;
	width: 250px;
}
.ship_img {
	width: 500px;
}
@media screen and (max-width: 600px) {
.ship_img {
	width: 300px;
}
}
.text_background_ship {
	display: inline-block;
	line-height: 1.4em;
	padding: 10px;
	border: 1px solid;
}
.faq {
	font-size: 1.5em;
	font-weight: bold;
	margin: 20;
	padding: 10px;
	background: #f3f0ed;
}
/*海外サイト(メインページ)*/
.page-id-1282 h4 {
  font-size: 2em;
  font-family: brandon-grotesque, sans-serif;
}
.page-id-1282 h3 {
	font-family: brandon-grotesque, sans-serif;
}
.brandon-grotesque {
	font-family: brandon-grotesque, sans-serif;
}
.page-id-1282 header {
	height: 300px;
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/04/overseas_bg3-scaled.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
/* columncontents */
.page-id-1282 .columncontents {
	width: 100%;
	display: flex;
	justify-content: center;
}
.page-id-1282 .columnmain {
	max-width: 800px;
	flex: 1;
}
.page-id-1282 .columnsub {
	width: 800px; /*幅指定*/
}
 @media screen and (max-width: 1190px) {
.page-id-1282 .columncontents {
	width: 100%;
	display: block;
}
.page-id-1282 .columnmain {
	max-width: 100%;
}
.page-id-1282 .columnsub {
	width: 100%;
}
}
/* ---------------------- */
/* columncontents_japan */
.columncontents_japan {
	width: 100%;
	display: flex;
	justify-content: center;
}
.page-id-1282 .columnmain {
	max-width: 800px;
	flex: 1;
}
.page-id-1282 .columnsub {
	width: 800px; /*幅指定*/
}
 @media screen and (max-width: 1190px) {
.columncontents_japan {
	width: 100%;
	display: block;
}
.page-id-1282 .columnmain {
	max-width: 100%;
}
.page-id-1282 .columnsub {
	width: 100%;
}
}
/* ---------------------- */
.page-id-1282 section {
	font-size: 16px;
}
.history {
	margin: -20px;
}
.ourproduct-back {
	background: #f3f0ed;
	width: 100%;
	height: 450px;
	padding-top: 50px;
	mix-blend-mode: multiply;
}
 @media screen and (max-width: 1190px) {
.ourproduct-back {
	background: #f3f0ed;
	width: 100%;
	height: 800px;
	padding-top: 50px;
}
}
.ourproduct_serum {
	width: 400px;
	margin-top: -20px;
}
 @media screen and (max-width: 1190px) {
.ourproduct_serum {
	width: 350px;
	margin-right: 0px;
}
}
.madeby {
	margin-right: 250px !important;
}
 @media screen and (max-width: 1190px) {
.madeby {
	margin-right: 0px !important;
}
}
.buy {
	border: solid 1px;
	padding: 3px 50px 2px 50px;
	display: inline-block;
	font-family: brandon-grotesque, sans-serif;
}
.organic_font {
	width: 98px;
	margin-top: -620px;
	mix-blend-mode: darken;
}
 @media screen and (max-width: 1190px) {
.organic_font {
	display: none;
}
}
.flower_right {
	width: auto;
	text-align: right;
	margin-top: -500px;
}
.flower_background {
	width: 400px;
	margin-left: auto;
	mix-blend-mode: luminosity;
}
 @media screen and (max-width: 1190px) {
.flower_background {
	display: none;
}
}
.girl {
	mix-blend-mode: darken;
	margin-top: -600px;
}
 @media screen and (max-width: 1190px) {
.girl {
	transform: translate(0%, -130%);
	margin-top: 400px;
}
}
 @media screen and (max-width: 1190px) {
.fourproduct {
	width: 500px;
}
}
@media screen and (max-width: 640px) {
.fourproduct {
	width: 300px;
}
}
.left_flower {
	margin-top: -1200px;
	width: 400px;
	mix-blend-mode: luminosity;
}
.water {
	transform: translate(0%, 70%);
	position: relative;
}
.water-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2em;
	color: #fff;
	font-family: brandon-grotesque, sans-serif;
}
/*海外サイト(日の丸デザイン)*/
.japan-back {
	background: #c4c4c4;
	width: 100%;
	height: 350px;
	overflow: hidden;
}
.japan-back .circle-japan {
	width: 450px;
	height: 470px;
	border-radius: 50%;
	margin-top: -30px;
	background-color:#fa573c;
}
.crafted-white {
	font-size: 2.2em;
	color: #fff;
	position: relative;
	top: 180px;
}
/* ---------------------- */
.material-back {
	background: #f3f0ed;
	width: 100%;
	height: 600px;
	padding-top: 50px;
	margin-top: -120px;
}
/*海外サイト(原料グリッド)*/
.grid2 > div {
	padding: 1em;
	font-family: brandon-grotesque, sans-serif;
}
.grid2 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-auto-rows: 1fr;
	grid-gap: 0.8em;
	padding: 0.8em;
	margin: 0 0 2em;
	max-width: 1000px;
}
/* ---------------------- */
.material-frame {
	border: solid 1px;
	background: #fff;
	margin-bottom: 10px;
}
.ingredient {
	width: 98px;
	margin-top: -320px;
	mix-blend-mode: darken;
}
.water-margin {
  height: 300px;
}
.usage_font{
  width: 72px;
}
/* ---------------------- */
/*特設サイト(デザイン)*/
.page-id-1321 header {
	height: 300px;
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/06/Sportivo_background2-scaled.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
.page-id-1321 h3 {
	font-size: 3em;
	font-family: ヒラギノ角ゴシック;
}
 @media screen and (max-width: 1190px) {
.page-id-1321 h3 {
	font-size: 2.5em;
	font-family: ヒラギノ角ゴシック;
}
}
 @media screen and (max-width: 700px) {
.page-id-1321 h3 {
	font-size: 1.8em;
	font-family: ヒラギノ角ゴシック;
}
}
 @media screen and (max-width: 400px) {
.page-id-1321 h3 {
	font-size: 1.3em;
	font-family: ヒラギノ角ゴシック;
}
}
.change {
	display: inline-block;
}
.s-box {
	background: #EBDE4C;
	max-width: 600px;
}
.s-box p {
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-family: ヒラギノ角ゴシック;
	font-weight: bold;
	color: #1E87C0;
	transform: translate(0%, -10%);
}
 @media screen and (max-width: 1190px) {
.s-box {
	background: #EBDE4C;
	max-width: 600px;
}
.s-box p {
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-family: ヒラギノ角ゴシック;
	font-weight: bold;
	color: #1E87C0;
	transform: translate(0%, -10%);
}
}
 @media screen and (max-width: 700px) {
.s-box {
	background: #EBDE4C;
	max-width: 600px;
}
.s-box p {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	font-family: ヒラギノ角ゴシック;
	font-weight: bold;
	color: #1E87C0;
}
}
.campaign {
	text-align: center;
	padding-bottom: 8px;
	padding-top: 8px;
}
.campaign-back {
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/06/back2.png);
	background-size: cover;
}
.campaign-font {
	font-size: 16px;
	font-weight: bold;
	max-width: 1000px;
	filter: drop-shadow(1px 2px 0px #f4f4f4);
}
@media screen and (max-width: 640px) {
.campaign-font {
	font-size: 16px;
	font-weight: bold;
	max-width: 1000px;
	filter: drop-shadow(1px 2px 0px #f4f4f4);
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.6;
	margin-bottom: 30px;
}
}
/*body全体*/
body,
html {
	height: 100%;
	margin: 0 auto;
}
/*パララックスカスタム*/
/*タイトル文字の配置*/
.parallax {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 2%;
}
/*背景画像を擬似要素で固定*/
.parallax::before {
	background: url('https://master-piece.jp/wp-content/uploads/2022/06/back2.png') no-repeat center;
	background-size: cover;
	content: "";
	display: block;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: -1;
}
.campaign-back2 {
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/07/back4.jpg);
	background-size: cover;
}
 @media screen and (max-width: 1190px) {
.campaign-back2 {
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/07/back4.jpg);
	background-size: auto;
}
}
@media screen and (max-width: 640px) {
.campaign-back2 {
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/07/back4.jpg);
	background-size: auto;
}
}
.page-id-1321 h4 {
	font-size: 3em;
	font-family: brandon-grotesque, sans-serif !important;
	letter-spacing: 10px;
	margin-top: 50px;
}
.page-id-1321 h5 {
	font-size: 1.5em;
	font-weight: bold;
	font-family: brandon-grotesque, sans-serif;
	letter-spacing: 5px;
}
 @media screen and (max-width: 1190px) {
.page-id-1321 h4 {
	font-size: 1.5em;
	font-family: brandon-grotesque, sans-serif !important;
	letter-spacing: 10px;
}
}
.page-id-1321 .columncontents {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 30px;
	column-gap: 100px;
}
.page-id-1321 .columnmain {
	max-width: 500px;
	flex: 1;
}
.page-id-1321 .columnsub {
	width: 800px;
}
.s-box1 {
	border-radius: 10px;
	background-color: #fff;
	width: 550px;
	height: 570px;
}
@media screen and (max-width: 640px) {
.s-box1 {
	border-radius: 10px;
	background-color: #fff;
	width:auto;
	height:auto;
}
}
@media screen and (max-width: 1190px) {
.page-id-1321 .columncontents {
	width: 100%;
	display: block;
}
.page-id-1321 .columnmain {
	max-width: 100%;
	margin-bottom: 50px;
}
.page-id-1321 .columnsub {
	width: 100%;
}
}
.s-img-saize {
	width:70% !important;
}
.vertical {
	writing-mode: vertical-rl;
	font-family: brandon-grotesque, sans-serif !important;
	transform: translate(50%, 120%);
}
@media screen and (max-width: 640px) {
.vertical {
	writing-mode: vertical-rl;
	font-family: brandon-grotesque, sans-serif !important;
	transform: translate(0%, 40%);
}
}
.vertical2 {
	writing-mode: vertical-rl;
	font-family: brandon-grotesque, sans-serif !important;
	transform: translate(50%, 150%);
}
@media screen and (max-width: 640px) {
.vertical2 {
	writing-mode: vertical-rl;
	font-family: brandon-grotesque, sans-serif !important;
	transform: translate(0%, 50%);
}
}
.product-image {
	width: 70%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.font-space {
	font-size: 14px;
	text-align: justify;
	padding: 0 50px 20px 60px;
}
.s-box2 {
	border-radius: 10px;
	background-color: #fff;
	width: 1150px;
	height: 420px;
}
/*特設サイト(使い方グリッドレイアウト)*/
.grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-auto-rows: 1fr;
	grid-gap: 0.8em;
	padding: 0.8em;
	margin: 0 0 2em;
}
.grid p {
	line-height: 1.6;
	text-align: justify;
}
.grid > div {
	background: #fff;
	padding: 1em;
	font-family: brandon-grotesque, sans-serif;
}
/*特設サイト(使い方画像等)*/
.usage-image {
	max-width: 250px;
}
.usage-font {
	font-family: brandon-grotesque, sans-serif;
	font-size: 1.5em;
	letter-spacing: 5px;
}
.frame {
	border: solid 1px;
	background: #E7E7E6;
	margin-bottom: 10px;
}
/*特設サイト(STYLEボックス)*/
.s-box3 {
	border-radius: 10px;
	background-color: #fff;
	width:1150px;
	height: 1100px;
}
/*特設サイト(STYLEデザイン)*/
.style-font {
	font-size: 2.5em;
	font-family: tbudmincho-std, sans-serif;
	letter-spacing: 5px;
	position: relative;
	transform: translate(-15%, -550%);
	color: #2A2B2B;
}
.s-relative {
	position: relative;
}
.s-absolute {
	position: absolute;
	width: 500px;
	transform: translate(-160%, 45%);
}
.s-absolute2 {
	width: 600px;
	transform: translate(33%, 0%);
}
.s-absolute3 {
	width: 500px;
	transform: translate(55%, -80%);
}
.style-text {
	margin-top: -120px;
	font-size: 14px;
}
/*特設サイト(ダブルネームロゴ)*/
.doublename {
	width: 500px;
	margin-top: -30px;
}
@media screen and (max-width: 1190px) {
.doublename {
	width: 400px;
	margin-top: -60px;
}
.style-text {
	margin-top: 20px;
	font-size: 14px;
	max-width: 450px;
	text-align: left;
}
.style-font {
	font-size: 1.5em;
	font-family: tbudmincho-std, sans-serif;
	letter-spacing: 5px;
	position: relative;
	transform: translate(-10%, -400%);
	color: #2A2B2B;
}
.s-relative {
	position: relative;
}
.s-absolute {
	position: absolute;
	width: 300px;
	transform: translate(-130%, 60%);
}
.s-absolute2 {
	width: 300px;
	transform: translate(30%, 0%);
}
.s-absolute3 {
	width: 300px;
	transform: translate(30%, -30%);
}
.s-box3 {
	border-radius: 10px;
	background-color: #fff;
	width: 550px;
}
.grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-auto-rows: 1fr;
	grid-gap: 0.8em;
	padding: 0.8em;
	margin: 0 0 2em;
}
.grid > div {
	background: #fff;
	padding: 1em;
	font-family: brandon-grotesque, sans-serif;
}
.s-box2 {
	border-radius: 10px;
	background-color: #fff;
	width: 550px;
	height: 760px;
}
}
@media screen and (max-width: 640px) {
.doublename {
	width:inherit;
	margin-top: -60px;
}
.style-text {
	font-size: 14px;
	text-align: left;
	margin-top: 60px;
	padding: 0px 20px 20px 30px;
}
.style-font {
	font-size:1.3em;
	font-family: tbudmincho-std, sans-serif;
	letter-spacing: 5px;
	position: relative;
	transform: translate(0%, 500%);
	color: #2A2B2B;
}
.s-relative {
	position: relative;
}
.s-absolute {
	position: absolute;
	width: 250px;
	transform: translate(-100%, 110%);
	padding: 0px 20px;
}
.s-absolute2 {
	width: 250px;
	transform: translate(0%, 0%);
	padding: 0px 20px;
}
.s-absolute3 {
	width:-moz-availablet;
	transform: translate(-8%, -200%);
}
.grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-auto-rows: 1fr;
	grid-gap: 0.8em;
	padding: 0.8em;
	margin: 0 0 2em;
}
.grid > div {
	background: #fff;
	padding: 1em;
	font-family: brandon-grotesque, sans-serif;
}
.s-box2 {
	border-radius: 10px;
	background-color: #fff;
	width:auto;
	height: auto;
}
.font-space {
	text-align:justify;
	padding: 0px 20px 20px 30px;
}
.s-box3 {
	border-radius: 10px;
	background-color: #fff;
	width:auto;
	height: auto;
}
}
#i {
	filter: drop-shadow(1px 2px 0px #FFF);
}
.sportivo-link {
	color: #287077;
	text-align: center;
}
.sportivo-link::before {
	color: #287077;
	font-family: 'FontAwesome';
	content: '\f061';
}
.page-id-1321 h2.pageTtl {
	margin-top: 20px;
}
/*女性向けLPデザイン*/
.mainback {
	background: #efeef0;
}
.top-height {
	height: 1px;
}
/* 
ヘッダー画像に影響のため一旦Hidden
.fadeIn {
	opacity: 0;
	transition: 2s;
}
.fadeIn.is-show {
	opacity: 1;
}
*/

/*=====定期購入ボタンレイアウト=====*/
.shiny-btn {
	color: #fff;
	background: linear-gradient(0deg, #bf7975 50%, #ffa57c 100%);
	padding: 16px 30px 14px 30px;
	margin: 0% -5% 0% -5%;
	border-radius: 100vh;
	transition: 0.2s;
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.shiny-btn:hover {
	text-decoration: none;
	color: #fff;
	box-shadow: none;
	-webkit-transform: translateY(3px);
}
.shiny-btn::before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -150px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	transition: 0.2s;
	animation: shiny-btn 4s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn {
 0% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0;
}
 80% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0.5;
}
 81% {
-webkit-transform: scale(4) rotate(45deg);
opacity: 1;
}
 100% {
-webkit-transform: scale(50) rotate(45deg);
opacity: 0;
}
}
/*=====単品購入ボタン=====*/
.shiny-btn2 {
	color: #fff;
	background-color: #d5b2a2;
	padding: 16px 30px 14px 30px;
	margin: 0% -5% 0% -5%;
	border-radius: 100vh;
	transition: 0.2s;
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.shiny-btn2:hover {
	text-decoration: none;
	color: #fff;
	box-shadow: none;
	-webkit-transform: translateY(3px);
}
/*=====ボタンの上下調整=====*/
.btn-sp-light {
	margin-top: -8px;
}
 @media screen and (max-width: 500px) {
.btn-sp-light {
	margin-top: 100px;
	text-align: left;
	transform: translate(5%);
	margin-top: -8px;
}
}
/*=====フッター部ボタンレイアウト=====*/
.shiny-btn3,
a.shiny-btn3 {
	color: #fff;
	background: linear-gradient(0deg, #2d8833 50%, #0f3 100%);
	padding: 16px 30px 14px 30px;
	margin: 0% 0% 0% -5%;
	transition: 0.2s;
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 2vh;
}
.shiny-btn3:hover {
	text-decoration: none;
	color: #fff;
	box-shadow: none;
	-webkit-transform: translateY(3px);
}
.shiny-btn3::before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -150px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	transition: 0.2s;
	animation: shiny-btn3 4s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn3 {
 0% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0;
}
 80% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0.5;
}
 81% {
-webkit-transform: scale(4) rotate(45deg);
opacity: 1;
}
 100% {
-webkit-transform: scale(50) rotate(45deg);
opacity: 0;
}
}
/*=====フッター部ボタンレイアウト２=====*/
.shiny-btn4,
a.shiny-btn4 {
	color: #fff;
	background: #577984;
	padding: 16px 30px 14px 30px;
	margin: 0% 0% 0% -5%;
	transition: 0.2s;
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 2vh;
}
.shiny-btn4:hover {
	text-decoration: none;
	color: #fff;
	box-shadow: none;
	-webkit-transform: translateY(3px);
}
/*=====ボタンレイアウトここまで=====*/


.font_lineback {
	font-weight: bold;
	font-size: 105%;
	background: linear-gradient(transparent 65%, #FFEEC1 0%);
}
.page-id-1594 header,
.page-id-2020 header,
.page-id-2063 header {
	height: 800px;
	background-image:url(https://master-piece.jp/wp-content/uploads/2022/08/woman.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 30px;
	display: flex;
}
.page-id-1594 h2,
.page-id-2020 h2,
.page-id-2063 h2 {
	font-family: shippori-antique, sans-serif;
	font-size: 4.5em !important;
	background: #d6a2af;
	transform: translate(0px, -80px) !important;
	padding: 0px 20px;
}
@media screen and (max-width: 1161px) {
.page-id-1594 h2,
.page-id-2020 h2,
.page-id-2063 h2 {
	font-family: shippori-antique, sans-serif;
	font-size: 3.5em !important;
	background: #d6a2af;
	transform: translate(0px, -80px) !important;
	padding: 0px 20px;
}
}
.page-id-1594 h2.pageTtl::before,
.page-id-2020 h2.pageTtl::before,
.page-id-2131 h2.pageTtl::before,
.page-id-2063 h2.pageTtl::before {
	background-color: transparent !important;
}
.page-id-1594 footer,
.page-id-2020 footer,
.page-id-2131 footer,
.page-id-2063 footer {
	margin-top: 5%;
}
/*マテリアルマージン*/

.material-top {
	margin-top: -15%;
}
/*アイテムマージン*/

.items-top {
	margin-top: -8%;
}
/* columncontents */
.page-id-1594 .columncontents,
.page-id-2020 .columncontents,
.page-id-2131 .columncontents,
.page-id-2063 .columncontents {
	width: 100%;
	display: flex;
	justify-content: center;
}
.page-id-1594 .columnmain,
.page-id-2020 .columnmain,
.page-id-2131 .columnmain,
.page-id-2063 .columnmain {
	max-width: 800px;
}
.page-id-1594 .columnsub,
.page-id-2020 .columnsub,
.page-id-2131 .columnsub,
.page-id-2063 .columnsub {
	width: 800px; /*幅指定*/
}
.product_lp {
	width: 500px;
	margin-top: 20px;
}
 @media screen and (max-width: 1190px) {
.page-id-1594 .columncontents {
	width: 100%;
	display: block;
}
.page-id-1594 .columnmain,
.page-id-2020 .columnmain,
.page-id-2131 .columnmain,
.page-id-2063 .columnmain {
	max-width: 100%;
}
.page-id-1594 .columnsub,
.page-id-2020 .columnsub,
.page-id-2131 .columnsub,
.page-id-2063 .columnsub {
	width: 100%;
}
.product_lp {
	width: 500px;
	margin-top: 20px;
}
}
@media screen and (max-width: 760px) {
.product_lp {
	width: 350px;
	margin-top: 20px;
}
}
/*——　文字の右にライン・最終的にポジション出し——*/
.title-border-right {
	writing-mode: vertical-rl;
	font-family: brandon-grotesque, sans-serif;
	margin-left: 115%;
	margin-top: -700px;
	color: #fff;
	font-size: 1.5em;
	white-space: nowrap;
	position: absolute;
}
 @media screen and (max-width: 1650px) {
.title-border-right {
	writing-mode: vertical-rl;
	font-family: brandon-grotesque, sans-serif;
	margin-left: 0%;
	color: #fff;
	font-size: 1.5em;
	white-space: nowrap;
	position: absolute;
	margin-top: -700px;
}
}
/*ヘッダー文字画像・最終的にポジション出し——*/　 img.Antro-Vectra-img {
	width: 600px;
}
.Antro-Vectra {
	transform: translate(10%, -500%);
	margin-left: 53%;
}
 @media screen and (max-width: 1400px) {
.page-id-1594 .Antro-Vectra {
	display: none;
}
}
/*======  縦線が動いてスクロールを促す =======*/

/*スクロールダウン全体の場所*/
.scrolldown1 {
	/*描画位置※位置は適宜調整してください*/
	position:absolute;
	left: 50%;
	bottom: -20px;
	/*全体の高さ*/
	height:5px;
}
/*Scrollテキストの描写*/
.scrolldown1 span {
	/*描画位置*/
	position: absolute;
	left:-15px;
	top: -15px;
	/*テキストの形状*/
	color: #fff;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
}
/* 線の描写 */
.scrolldown1::after {
	content: "";
	/*描画位置*/
	position: absolute;
	top: 0;
	/*線の形状*/
	width: 1.5px;
	height: 200px;
	background: #fff;
	/*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.6s ease-in infinite;
	opacity:0;
}
/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove {
 0% {
 height:0;
 top:0;
 opacity: 0;
}
 30% {
 height:30px;
 opacity: 1;
}
 100% {
 height:0;
 top:50px;
 opacity: 0;
}
}
.brandconcept {
	font-family: brandon-grotesque, sans-serif;
	font-size: 2em;
	font-weight: bold;
	line-height: 80%;
	margin-top: 20px;
}
/*文字の横に線*/
.border-right {
	display: flex;
	align-items: center;
	font-size: 2em;
	font-weight: bold;
	font-family: brandon-grotesque, sans-serif;
	width: 200px;
	line-height: 2px;
}
.border-right:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
}
.border-right:after {
	margin-left: 1rem;
}
@media screen and (max-width:1192px) {
.border-right {
	display: flex;
	align-items: center;
	font-size: 2em;
	font-weight: bold;
	font-family: brandon-grotesque, sans-serif;
	width: 100px;
	line-height: 2px;
}
}
/*============*/
.brandbox {
	margin-left: 75%;
	text-align: left;
}
.rose {
	width: 300px;
}
.rose-font {
	font-family: shippori-antique, sans-serif;
	font-size: 3em !important;
}
.rose-font2 {
	font-size: 1.6rem;
}
.m-p {
	width: 200px;
	transform: translate(280px, -250px);
	opacity: 0.8;
}
@media screen and (max-width: 867px) {
.m-p {
	width: 200px;
	transform: translate(150px, -100px);
	opacity: 0.5;
}
}
@media screen and (max-width: 534px) {
.m-p {
	width: 150px;
	transform: translate(50%, -100px);
	opacity: 0.5;
}
}
.total-left-items {
	margin-right: -5%;
}
.product-back {
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/10/product-back.png);
	padding-top: 50px !important;
	height: 650px;
}
@media screen and (max-width: 760px) {
.product-back {
	background-image: url(https://master-piece.jp/wp-content/uploads/2022/10/product-back.png);
	padding-top: 50px !important;
	height: 550px;
}
}
.product-image {
	width: 500px;
	margin-top: 30px;
}
.items {
	font-size: 2em;
	font-family: brandon-grotesque, sans-serif;
	font-weight: bold;
	border-bottom: 2px solid;
	border-top: 2px solid;
}
.product-text {
	margin-top: 30px;
	width: 600px;
}
 @media screen and (max-width: 564px) {
.product-text {
	margin-top: 30px;
	width: 400px;
}
}
.items-text {
	font-family: shippori-antique, sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	background: white;
	line-height: 150%;
	color: #4c4c4c;
	padding: 0px 10px;
}
.text-left {
	text-align: left;
}
 @media screen and (max-width: 1190px) {
.items-text {
	font-family: shippori-antique, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	background: #e5c3b4;
	line-height: 150%;
	color: #fff;
	padding: 0px 10px;
}
}
 @media screen and (max-width: 564px) {
.items-text {
	font-family: shippori-antique, sans-serif;
	font-size: 2em;
	font-weight: normal;
	background: #e5c3b4;
	line-height: 150%;
	color: #fff;
	padding: 7px 10px;
}
}
.items-text2 {
	font-size: 1.6rem;
	line-height: 200%;
}
.product-img {
	width: 400px;
	margin-top: 20px;
}
@media screen and (max-width: 1190px) {
.product-img {
	width: 400px;
	margin-top: -50px;
}
}
@media screen and (max-width: 500px) {
.product-img {
	width: 350px;
	margin-top: -50px;
}
}
.product-margin {
	margin-top: -100px;
}
.reverse {
	margin-top:0px;
}
.reverse2 {
	margin-top:0px;
}
.reverse3 {
	margin-top:0px;
}
@media screen and (max-width: 1190px) {
.reverse {
	margin-top: 750px;
}
}
@media screen and (max-width: 1190px) {
.reverse2 {
	margin-top: -1000px;
}
}
@media screen and (max-width: 500px) {
.reverse2 {
	margin-top: -1000px;
}
}
@media screen and (max-width: 1191px) {
.reverse3 {
	margin-top: 400px;
}
}
@media screen and (max-width:1190px) {
.reverse-left1 {
	text-align: left !important;
}
}
.circle {
	border: solid 1px #4c4c4c;
	background: white;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	height:150px;
	width:150px;
	border-radius:50%;
	margin: -20px 230px;
}
.circle span {
	font-size: 1.4em;
	font-weight: bold;
}
@media screen and (max-width:1190px) {
.circle {
	border: solid 1px #4c4c4c;
	background: white;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	margin: 0px;
	transform: translate(0%, -110%);
}
}
@media screen and (max-width: 500px) {
.circle {
	border: solid 1px #4c4c4c;
	background: white;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	margin: 0px;
	transform: translate(0%, -180%);
}
}
.circle2 {
	border: solid 1px #4c4c4c;
	background: white;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	height:150px;
	width:150px;
	border-radius:50%;
	margin: -20px 230px;
}
.circle2 span {
	font-size: 1.4em;
	font-weight: bold;
}
@media screen and (max-width:1190px) {
.circle2 {
	border: solid 1px #4c4c4c;
	background: white;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	margin: 0px;
	transform: translate(0%, -110%);
}
}
.serum-text {
	font-family: brandon-grotesque, sans-serif;
	font-size: 2em;
}
.serum-text2 {
	font-size: 1.6rem;
}
@media screen and (max-width: 1190px) {
.serum-text-change {
	margin-top: -200px;
	text-align: left;
}
}
@media screen and (max-width: 500px) {
.serum-text-change {
	margin-top: -300px;
	text-align: left;
}
}
/*購入ボタン*/
.btn--orange,
a.btn--orange {
	color: #fff;
	background-color: #e5c3b4;
	padding: 20px 30px 18px 30px;
	margin: 0% -5% 0% -5%;
}
.btn--orange:hover,
a.btn--orange:hover {
	color: #fff;
	background: #e5c3b4;
}
a.btn--radius {
	border-radius: 100vh;
}
/*============*/
.btn-text {
	font-size: 1.4em;
	font-weight: bold;
}
.btn-return {
	float: right;
	margin-left: -13%;
	margin-right: 12%;
}
@media screen and (max-width:1190px) {
.btn-return {
	float: none;
	margin-left: 0;
	margin-right: 0;
	margin-top: 10%;
}
}
@media screen and (max-width: 500px) {
.btn-return {
	float: none;
	margin-left: 0;
	margin-right: 0;
	margin-top: 10%;
}
}
@media screen and (max-width: 500px) {
.btn-sp {
	margin-top: 100px;
	text-align: left;
	transform: translate(5%);
}
}
.total-left {
	margin-right: 15%;
}
.total-right {
	margin-top: -5%;
}
.ingredientbox {
	transform: translate(-50%, 0%);
	margin-left: 30%;
	text-align: left;
}
.parent_box {
	display: flex;
}
.parent_box div {
	padding: 10px;
	margin-right: 5px;
}
.mp_circle {
	width: 180px;
	animation: rotate-anime 20s linear infinite;
}
@keyframes rotate-anime {
 100% {
transform: rotate(0);
}
 0% {
transform: rotate(360deg);
}
}
.circle-position {
	margin-right: 60%;
	transform: translate(720px);
	margin-top: -100px;
}
.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%);
}
.ing2 {
	width: 400px;
}
.materialback {
	background: linear-gradient(160deg, #d9e7e1 0%, #d9e7e1 36%, #ead6d6 68%, #ead6d6 100%);
	height: 900px;
	width: 1500px;
	margin-left: -12%;
}
.materialrose {
	width: 50%;
	height: 100%;
	object-fit: none;
	transform: translate(-380px);
}
.parent_box2 {
	display: flex;
}
.parent_box div {
	padding: 10px;
	margin-right: 5px;
}
.materialbox {
	margin-left: 50%;
	transform: translate(0px, -850px);
}
.material-in {
	padding: 0.5em 1em;
	margin: 2em 0;
	margin-left: 0px;
	background: #fff;
	opacity: 70%;
	width: 600px;
	margin-left: 9%;
}
.material-in p {
	margin: 0;
	padding: 0;
}
.material-font {
	font-family: mrs-eaves-roman-small-caps, serif;
	font-size: 2em;
	font-weight: bold;
	color: #487c6f;
}
.material-font2 {
	font-family: mrs-eaves-roman-small-caps, serif;
	font-size: 1.6em;
	color: #487c6f;
	font-weight: bold;
}
.material-font3 {
	font-size: 1.6em;
	font-weight: bold;
	font-family: Hiragino Sans、ヒラギノ角ゴシック;
}
.material-font-left {
	text-align: left;
}
.material-font-bottom {
	margin-top: 2%;
}
.ing-text {
	font-size: 2.5em;
	font-weight: 750;
	font-family: source-han-sans-japanese, sans-serif;
	color: #fff;
	background-color: #e5c3b4;
	padding: 5px 100px 8px 100px;
	margin: 0% -5% 0% -5%;
	border-radius: 18px;
}
.ing-margin {
	margin-left: 50px;
	margin-right: 50px;
}
.ing-text2 {
	font-size: 2em;
	font-weight: bold;
	margin-top: 20px;
}
.ing-text3 {
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 0.0em;
	margin-top: -20px;
}
.logo-image {
	width: 300px;
	float: left;
	padding: 50px;
}
.centering {
	box-sizing: border-box;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -210px;
}
.usage-background {
	background: url("https://master-piece.jp/wp-content/uploads/2022/10/usege-back-scaled.jpg");
	background-size: auto;
	height: 700px;
	background-size: contain;
}
.usage-box {
	background: #fff;
	width: 1000px;
	height: 600px;
}
.usage-centering {
	box-sizing: border-box;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 700px;
}
.usage-margin {
	margin-left: 50px;
	margin-right: 50px;
	padding-top: 40px;
}
.usage-text {
	font-size: 3em;
	font-weight: bold;
	font-family: brandon-grotesque, sans-serif;
	color: #8f999c;
}
.usage-img {
	width: 150px;
}
.usage-column {
	display: flex;
}
.usage-content {
	width: 400px;
	height: 300px;
	margin-top: 30px;
}
.maison {
	border-bottom: 1px #c4c4c4 solid;
}
.foot {
	font-size: 3rem;
	font-family: shippori-antique, sans-serif;
	margin: -5%;
}
.foot2 {
	font-size: 1.6rem;
}
.foot-img {
	margin-right: calc(52% - 50vw);
	margin-left: calc(52% - 50vw);
	margin-top: -10%;
}
.foot-image {
	display: block;
	width: 100%;
	height: auto;
}
.wrap {
	position:relative;
}
.wrap span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	white-space: nowrap;
}
.wrap span::before {
	content: "";
	display: inline-block;
	width: 3em;
	border-top: 1px solid;
	vertical-align: middle;
	margin-right: 1em;
	padding-bottom:4px;
}
.page-id-2063 .foot3 {
	font-size: 3rem;
	font-family: shippori-antique, sans-serif;
	transform: translate(600px, -500px);
}
.maison-font {
	font-family: garamond-premier-pro-caption, serif;
	font-weight: 400;
	font-size: 5rem;
}
.maison-trans {
	transform: translate(280px, -450px);
}
.maison-font2 {
	font-family: brandon-grotesque, sans-serif;
	font-size: 2em;
	line-height: 1.2;
}
.maison-trans2 {
	transform: translate(180px, -450px);
}
.btn--orange2,
a.btn--orange2 {
	color: #fff;
	background-color: #534f4f;
	padding: 20px 30px 18px 30px;
	margin: 0% 0% 0% -5%;
}
a:hover.btn--orange2 {
	color: #bfbfbf;
	opacity: 0.6;
	text-decoration: underline;
}
a.btn--radius2 {
	border-radius: 2vh;
}
.btn-trans {
	transform: translate(220px, -400px);
}
.lp_bottom {
	margin-bottom: -10%;
}
.page-id-2020 .mainContents {
	overflow-x: hidden;
	overflow-y: hidden;
}
.page-id-2020 .btn-sp {
	z-index: 999;
}
.page-id-2020 .top-height1 {
	height: 1px;
	text-align: center;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
	top: 100px;
}
.page-id-2020 .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-2020 .bottomR {
	margin-left: 50%;
}
.page-id-2020 .foot3 {
	font-size: 3rem;
	font-family: shippori-antique, sans-serif;
	line-height: 1.2;
	margin-bottom: 15px;
}
.page-id-2020 .foot3::before {
	content: "";
	display: inline-block;
	width: 3em;
	border-top: 1px solid;
	margin-right: 1em;
	padding-bottom: 4px;
	vertical-align: middle;
}
.page-id-2020 .shiny-btn4.btn.btn--orange2.btn--radius2 {
	margin-top: 40px;
	margin-left: -20px;
}
@media screen and (max-width: 1499px) {
.page-id-2020 .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-2020 .top-height1 {
	width: auto;
}
.page-id-2020 p br {
	display: none;
}
.page-id-2020 .btn-trans {
	transform: translate(220px, -335px);
}
.page-id-2020 .foot-image {
	display: block;
	width: 220%;
	height: 420px;
	margin-left: -50%;
	margin-top: 20%;
	object-fit: cover;
	position: relative;
	top: 50px;
}
.page-id-2020 .btn.btn--orange2.btn--radius2:nth-child(2) {
	margin-top: 30px;
	clear: both;
}
.page-id-2020 .maison-trans {
	transform: translate(280px, -365px);
}
.page-id-2020 .maison-trans2 {
	transform: translate(180px, -410px);
	text-align: left;
	margin-left: -39%;
	margin-bottom: -30px;
	font-size: 10px;
}
.page-id-2020 .maison-font {
	font-family: garamond-premier-pro-caption, serif;
	font-weight: 400;
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 15px;
}
.page-id-2020 .foot3 {
	color: #fff;
	text-shadow: 1px 1px 1px #222;
}
.page-id-2020 .lp_bottom p {
	margin-top: 40px;
	color: #666;
}
.page-id-2020 .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-2020 .ing-margin {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: -150px;
	margin-bottom: 150px;
}
.page-id-2020 .total-left {
	margin-right: 0px;
}
.page-id-2020 .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-2020 p .change {
	display: inline;
}
.page-id-2020 .lp_bottom2 p .change,
.page-id-2020 .items-text .change,
.page-id-2020 .rose-font .change,
.page-id-2020 .final .change {
	display: inline-block;
}
.page-id-2020 .product-text {
	margin-top: 30px;
	width: 100%;
	margin-right: 0%;
	margin-left: 8%;
}
.page-id-2020 .serum-text2 {
	font-size: 1.6rem;
	text-align: justify;
}
.page-id-2020 .text-left {
	text-align: justify;
}
.page-id-2020 .materialrose {
	width: 200%;
	height: 300px;
	transform: translate(-80px);
	object-fit: cover;
	margin-top: -100px;
}
.page-id-2020 .materialbox {
	margin-left: -10%;
	transform: translate(0px, 30px);
}
.page-id-2020 .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-2020 .items-top .items {
	margin-left: 30%;
}
.page-id-2020 .material-in {
	padding: 0.5em 2%;
	background: #fff;
	opacity: 70%;
	width: 86%;
	margin-left: 11%;
}
.page-id-2020 .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-2020 .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-2020 .firstRose {
	margin-bottom: -100px;
}
.page-id-2020 .btn-sp {
	margin-top: 100px;
	text-align: center;
	position: relative;
	top: -80px;
	left: -17px;
}
.page-id-2020 .btn--orange,
.page-id-2020 a.btn--orange {
	color: #fff;
	background-color: #e5c3b4;
	padding: 20px 30px 18px 30px;
	margin: 0px -5px -15px -5px;
	display: block;
}
.page-id-2020 .ing-text {
	margin: auto;
	font-size: 30px;
}
.page-id-2020 .reverse3 {
	margin-top: 0px;
}
.page-id-2020 .reverse4 .serum-text {
	margin-top: -155px;
}
.page-id-2020 .centering {
	box-sizing: border-box;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -250px;
}
.page-id-2020 .centering .logo-image {
	width: 20%;
	float: left;
	padding: 10px;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 5%;
}
.page-id-2020 .doctor br {
	display: none;
}
.page-id-2020 .material-font-bottom {
	margin-top: 2%;
	text-align: justify;
	padding-bottom: 10px;
	padding-top: 10px;
}
.page-id-2020 .serum-text-change {
	margin-top: -165px;
	text-align: center;
}
.page-id-2020 .material-font-left {
	text-align: left;
	padding-top: 15px;
}
.page-id-2020 .howTo {
	margin-top: -230px;
	margin-bottom: 500px;
}
.page-id-2020 .usage-background {
	background: none;
	background-size: auto;
	height: 700px;
	background-size: contain;
	position: absolute;
	top: 200px;
	left: 15%;
}
.page-id-2020 .finalLine {
	padding-top: 900px;
	margin-bottom: -600px;
}
.page-id-2020 .final {
	margin-top: 500px;
	margin-bottom: -200px;
}
.page-id-2020 .usage-content {
	width: 35%;
	height: 300px;
	margin-top: 30px;
	text-align: justify;
	margin-left: 17px;
}
.page-id-2020 .usage-img {
	width: 150px;
	margin-bottom: 20px;
}
.page-id-2020 .usage-centering .total-right {
	margin-top: auto;
}
.page-id-2020 .material-top {
	margin-top: -15%;
}
.page-id-2020 .mp_circle {
	width: 130px;
	animation: rotate-anime 20s linear infinite;
	margin-left: -500px;
}
.page-id-2020 .product-margin {
	padding-bottom: 0px;
}
.page-id-2020 footer {
	margin-top: -200px;
}
.page-id-2020 h2.pageTtl {
	padding-top: 13px;
	padding-bottom: 13px;
}
.page-id-2020 .rose {
	width: 300px;
	margin-left:10%;
}
.page-id-2020 .product_lp {
	width: 100%;
	margin-top: 40px;
}
.page-id-2020 .reverse {
	margin-top: 0px;
}
.page-id-2020 .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-2020 .product-text3 {
	margin-left: 8%;
}
.page-id-2020 .btn-sp2 {
	margin-left: 8%;
}
.page-id-2020 .ing_box {
	margin-top: 150px;
}
.page-id-2020 .reverse2 {
	margin-top: 0px;
}
.page-id-2020 .Antro-Vectra {
	transform: translate(-3%, -450%);
}
.page-id-2020 .columncontents {
	width: 100%;
	display: flex;
	justify-content: center;
}
.page-id-2020 .doctor .columncontents {
	width: 120%;
	margin-left: -10%;
}
.page-id-2020 .doctor .columnmain {
	max-width: 100%;
	margin-left: 30px;
	margin-right: 30px;
}
.page-id-2020 .m-p {
	width: 200px;
	transform: translate(150%, -40%);
	opacity: 0.5;
}
.page-id-2020 .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-2020 .bottomR {
	margin-left: 40%;
}
}
@media screen and (max-width: 980px) {
.page-id-2020 .product_lp {
	width: 140%;
	margin-top: 40px;
	margin-left: -100px;
	margin-right: -100px;
}
.page-id-2020 .items-top .product-text {
	margin-right: 6%;
	margin-left: 3%;
}
}
@media screen and (max-width: 900px) {
.page-id-2020 .usage-background {
	position: absolute;
	top: 200px;
	left: 0px;
	margin-left: 0%;
}
}
@media screen and (min-width: 600px) and (max-width: 1189px) {
.page-id-2020 .finalLine {
	padding-top: 300px;
}
.page-id-2020 .product-margin2 {
	margin-top: 50px;
}
.page-id-2020 .reverse4 {
	width: 107%;
}
.page-id-2020 .reverse4 .serum-text {
	margin-top: -155px;
}
.page-id-2020 .reverse2 .product-img {
	width: 90% !important;
}
.page-id-2020 .product-img {
	width: 70%;
	margin-top: -50px;
	margin-left: 20%;
}
.page-id-2020 .total-left .product-text2 {
	width: 130%;
}
.page-id-2020 .circle,
.page-id-2020 .circle2 {
	display: none;
}
}
 @media screen and (max-width: 800px) {
.page-id-2020 .top-height1 {
	display: none;
}
.page-id-2020 .doctor .columncontents {
	width: 120%;
	margin-left: -10%;
	display: block;
}
.page-id-2020 .doctor .columnmain {
	max-width: 100%;
	margin-left: 30px;
	margin-right: 30px;
}
.doctor .ing-right {
	margin-left: 30px;
	margin-right: 30px;
}
.page-id-2020 .m-p {
	width: 170px;
	transform: translate(100%, -40%);
}
.page-id-2020 .howTo .ing-right {
	margin-left: -20%;
	margin-right: 15%;
}
.page-id-2020 .bottomR {
	margin-left: 30%;
}
.page-id-2020 .lp_bottom2 {
	background-position: 60% 10%;
	text-align: right;
	padding-right: 20px;
}
.page-id-2020 .product_lp {
	margin-left: -150px;
	margin-right: -150px;
}
}
@media screen and (max-width: 709px) {
.page-id-2020 .shiny-btn4.btn.btn--orange2.btn--radius2,
.page-id-2020 .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-2020 .bottomR {
	margin-left: 20%;
}
}
@media screen and (max-width: 640px) {
.page-id-2020 .shiny-btn4.btn.btn--orange2.btn--radius2,
.page-id-2020 .shiny-btn3.btn.btn--orange2.btn--radius2 {
	margin-top: 40px;
}
.page-id-2020 .foot3::before {
	content: none;
}
.page-id-2020 .shiny-btn3.btn.btn--orange2.btn--radius2 {
	margin-top: 0px;
}
.page-id-2020 .lp_bottom2 {
	background-position: 50% 10%;
}
}
@media screen and (max-width: 599px) {
.page-id-2020 .reverse {
	margin-top: 750px;
}
.page-id-2020 .reverse2 {
	margin-top: -1000px;
}
.page-id-2020 .reverse3 {
	margin-top: 460px;
}
.page-id-2020 .product-back {
	height: 550px;
	width: 80%;
	padding-left: 0%;
}
.page-id-2020 .product-text3 {
	margin-left: auto;
}
.page-id-2020 .btn-sp2 {
	margin-left: auto;
}
.page-id-2020 .fadeInUp {
	text-align: justify;
}
.page-id-2020 .ing_box {
	margin-top: auto;
}
.page-id-2020 .materialrose {
	width: 50%;
}
.page-id-2020 .material-in {
	padding: 0.5em 1em;
	width: 400px;
	margin-left: 10%;
}
.page-id-2020 .materialback {
	width: 1500px;
	margin-left: -12%;
}
.page-id-2020 .columncontents {
	display: block;
}
.page-id-2020 .centering .logo-image {
	width: 100%;
	float: left;
	padding: 10px;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 0px;
}
.page-id-2020 .reverse4 .serum-text {
	margin-top: -175px;
}
.page-id-2020 .serum-text-change {
	margin-top: -200px;
}
.page-id-2020 .m-p {
	transform: translate(70%, -40%);
}
.page-id-2020 .usage-background {
	position: absolute;
	top: 200px;
	left: -18px;
}
.page-id-2020 .howTo .ing-right {
	margin-left: 0px;
	margin-right: 0px;
}
.page-id-2020 .lp_bottom2 {
	background-position: 40% 10%;
}
.page-id-2020 .shiny-btn4.btn.btn--orange2.btn--radius2,
.page-id-2020 .shiny-btn3.btn.btn--orange2.btn--radius2 {
	margin-left: 30%;
	width: 70%;
}
.page-id-2020 .rose-font {
	text-align: left;
	font-size: 2.5em !important;
}
.page-id-2020 .foot {
	text-align: left;
	font-size: 2.5em !important;
	margin-left: 0;
}
.page-id-2020 .product_lp {
	width: 350px;
	margin-left: 0px;
	margin-right: 0px;
}
}
@media screen and (max-width: 499px) {
.page-id-2020 .rose {
	margin-left: 10%;
}
.page-id-2020 .product-text {
	width: 95%;
	margin-left: 1%;
}
.page-id-2020 .product_lp {
	width: 350px;
}
.page-id-2020 .items-text2 br {
	display: none;
}
.page-id-2020 .btn-sp {
	left: -10px;
}
.page-id-2020 .serum-text-change {
	margin-top: -300px;
}
.page-id-2020 .reverse3 {
	margin-top: 360px;
}
}
@media screen and (max-width: 399px) {
.page-id-2020 .title-border-right {
	margin-left: -50px;
}
.page-id-2020 .product_lp {
	margin-left: -30px;
}
.page-id-2020 .mp_circle {
	margin-left: -600px;
}
.page-id-2020 .m-p {
	margin-left: -50px;
}
.page-id-2020 .usage-content {
	margin-top: 30px;
	margin-left: -15px;
}
.page-id-2020 .lp_bottom {
	margin-left: 0px;
}
.page-id-2020 .foot-image {
	margin-left: -40%;
}
.page-id-2020 .foot3 {
	font-size: 30px;
	margin-left:15px;
}
.page-id-2020 .maison-font {
	font-size: 28px;
	margin-right:13px;
}
.page-id-2020 .maison-font2 {
	font-size: 1.9em;
}
.page-id-2020 .btn--orange2,
.page-id-2020 a.btn--orange2 {
	padding: 20px 20px 18px 22px;
}
.page-id-2020 .usage-box {
	width: 860px;
	margin-left: 30px;
}
.page-id-2020 .brandbox {
	margin-left: 170px;
	margin-bottom: 30px;
}
.page-id-2020 .ing-text {
	font-size: 24px;
	padding-left: 80px;
	padding-right: 80px;
	margin-left: 15px;
}
.page-id-2020 .material-in {
	width: 320px;
	margin-left: 10.5%;
}
.page-id-2020 .materialbox .items {
	margin-left: 14.5%;
}
.page-id-2020 .ing2 {
	margin-left: -40px;
}
.page-id-2020 .product-img {
	width: auto;
	margin-top: -50px;
	height: 400px;
	overflow: hidden;
}
.page-id-2020 .circle {
	transform: translate(0%, -180%);
}
.page-id-2020 .reverse3 {
	margin-top: 400px;
}
.page-id-2020 .post_password {
	height: 300px;
}
.page-id-2020 .rose-font,
.page-id-2020 .foot {
	font-size: 2em !important;
}
}
@media screen and (max-width: 349px) {
.page-id-2020 h2.pageTtl {
	font-size: 36px !important;
}
.page-id-2020 .brandbox {
	margin-left: 150px;
}
.page-id-2020 .material-in {
	width: 290px;
	margin-left: 10.5%;
}
.page-id-2020 .ing-text {
	padding-left: 50px;
	padding-right: 50px;
}
.page-id-2020 .columncontents {
	width: 93%;
}
}
@media screen and (max-width: 329px) {
.page-id-2020 .product_lp {
	margin-left: -45px;
}
.page-id-2020 .material-in {
	width: 270px;
	margin-left: 10.5%;
}
.page-id-2020 .ing-margin {
	margin-right: 50px;
}
.page-id-2020 .doctor .columnmain {
	margin-right: -20px;
}
.page-id-2020 .doctor .ing-right {
	margin-right: 0px;
}
.page-id-2020 .materialbox .items {
	margin-left: 13%;
}
.page-id-2020 .items-top .items {
	margin-left: 25%;
}
.page-id-2020 .product-text {
	width: 100%;
	margin-left: 1%;
}
.page-id-2020 .doctor .ing-right {
	margin-right: -20px;
}
}