/* ===== base ===== */
* {
  box-sizing: border-box;
}

html {scroll-behavior: smooth; color-scheme: light;}
body, h1, h2, h3, h4, h5, h6, p, address,ul, ol, li, dl, dt, dd,table, th, td, img, form, input,figure {margin: 0; padding: 0; list-style-type: none; font-size: 1rem; font-style: normal; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; -webkit-text-size-adjust: 100%; font-feature-settings: "palt"; color-scheme: light;}
a {text-decoration: none;　color: inherit;}
a:hover {filter:alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; opacity:1.0; zoom:1;}

:root {color-scheme: light;}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif JP';
  src: url('../fonts/NotoSerifJP-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif JP';
  src: url('../fonts/NotoSerifJP-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.pcbr {display: block;}/* PC改行*/
.spbr {display: none;}/* スマホ改行解除*/

@media screen and (max-width: 1050px) {
.pcbr {display: none;}/* PC改行解除*/
.spbr {display: block;}/* スマホ改行*/
}

/*/////////////////// Effect ///////////////////*/
/*　フェードイン　*/
.is-fadein01.is-animated {animation: fadeIn01 0.5s forwards;}
@keyframes fadeIn01 {
	0% {opacity: 0; transform: translateY(100px);}
  100% {opacity: 1; transform: translateY(0);}
}

.is-fadein02.is-animated {animation: fadeIn02 0.8s forwards;}
@keyframes fadeIn02 {
	0% {opacity: 0; transform: translateY(100px);}
  100% {opacity: 1; transform: translateY(0);}
}

/*　スクロールフェードイン　*/
.fadein01 {opacity: 0.0; transform: translate(0, 100px); transition: all 800ms;}
.fadein01.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein02 {opacity: 0.0; transform: translate(0, 120px); transition: all 850ms;}
.fadein02.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein03 {opacity: 0.0; transform: translate(0, 140px); transition: all 850ms;}
.fadein03.scrollin {opacity: 1; transform: translate(0, 0);}

/*////////// サイト調整用 //////////*/
#header-contents {margin: 0 auto 0;}
#header-contents>.header {width: 100%; padding: 30px 2% 10px; background-color: #ffffff;}
.megaMenu>.category-list {width: 90%; padding: 15px 5% 25px;}

/*////////// Design //////////*/
#coupon,
#sapphire,
#world,
#brush {display: block; padding-top: 80px; margin-top: -80px;}

#kinujolp  {width: 100%; margin: 0 auto 0; padding: 0;
	background: radial-gradient(at 0% 10%, #FAF5F0, transparent 100%),
		radial-gradient(at -20% 100%, #C69C6D, transparent 70%),
		radial-gradient(at 0% 0%, #ECD08E, transparent 101%),
		radial-gradient(at 100% 100%, #BEA074, transparent 80%);
	background-attachment: fixed;}
#kinujolp>.kinujo-content {max-width: 1000px; margin: 0 auto; padding: 0;}
#kinujolp>.kinujo-content>.kinujo-layout {max-width: 100%; margin: 0 auto 0; display: grid; grid-template-columns: 300px 1fr; gap: 100px; position: relative;}
.linedesign {width: 100%; margin: 0 auto; padding: 40px 0;}

/* ===== Leftnavi ===== */
#kinujolp .left-nav-content {height: auto; width: 100%;}
#kinujolp .left-nav-content>.left-nav {color: #4d4d4d; line-height: 1.0; letter-spacing: 0.05em; position: -webkit-sticky; position: sticky; top: 230px; /*top: 45%; transform: translateY(-50%);*/}
#kinujolp .nav-title {margin: 0 auto 22px; font-family: "Montserrat", "Noto Sans JP", sans-serif; font-size: 1.1rem; font-weight: 700;}
#kinujolp .nav-block>a {display: block; margin: 0 auto; padding: 0 0 10px; font-size: 1.15rem; font-weight: 700; color: #390c0a; text-decoration: none; text-align: left; text-indent: 20px; position: relative; transition: transform 0.4s ease;}
#kinujolp .nav-block>a>span {font-size: 0.7rem;}
#kinujolp .nav-block>img {width: 200px; margin: 0 0 15px;}
#kinujolp .nav-block>a>img {display: block; width: 280px; margin: 0 0 10px; transition: transform 0.4s ease;}
#kinujolp .nav-block>a>img.ca {display: block; width: 300px; margin: 0 0 10px; transition: transform 0.4s ease;}
#kinujolp .nav-block>a:hover {transform: translateX(10px);}
#kinujolp .nav-block>.menuborder {width: 100%; margin: 0 0 25px; border-bottom: 1px solid #663a12;}

/* ===== LP ===== */
#kinujolp .lp-content {width: 100%; background-color: #fafcfc; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);}
#kinujolp .lp-content>.fv {width: 100%; margin: 0 auto 0; padding: 0 0; background-image: url(https://beautymylab.com/user_data/packages/raku2pc/img/cp/260710kinujo/fv.jpg); background-size: 100%; background-repeat: no-repeat; background-position: top; text-align: center; position: relative;}
#kinujolp .lp-content>.fv>.fvtitle {width: 100%; margin: 0 auto 0;}
#kinujolp .lp-content>.lead01 {width: 100%; margin: 0 auto; padding: 60px 0 0; background-color: #ffffff;}
#kinujolp .lp-content>.lead01>p {margin: 0 auto 20px; padding: 0; color: #C69C6D; font-family: 'Noto Serif JP', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', serif; font-size: 1.6rem; font-weight: 400; text-align: center; line-height: 2.2; letter-spacing: 0.1em;}
#kinujolp .lp-content>.lead01>p>span {font-size: 1.2rem;}
#kinujolp .lp-content>.lead02 {width: 100%; margin: 0 auto; padding: 0 0 60px; background-color: #ffffff;}
#kinujolp .lp-content>.lead02>p {margin: 0 auto 20px; padding: 0; color: #725142; font-size: 1.2rem; font-weight: 400; text-align: center; line-height: 2.2; letter-spacing: 0.1em;}
#kinujolp .lp-content>.lead02>p>b {display: block; font-size: 1.35rem;}
#kinujolp .lp-content>.present {width: 100%; margin: 0 auto 0; padding: 0 0 40px; position: relative; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #FAF5F0 50%, #FAF5F0 100%);}
#kinujolp .lp-content>.present>img {width: 100%;}
#kinujolp .lp-content>.categorymenu {width: 100%; margin: 0 auto 0; padding: 0 0 150px; background-color: #FAF5F0;}
#kinujolp .lp-content>.categorymenu>p {margin: 0 auto 20px; padding: 0; color: #725142; font-family: 'Noto Serif JP', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', serif; font-size: 1.8rem; font-weight: 400; text-align: center; line-height: 2.2; letter-spacing: 0.1em;}
#kinujolp .lp-content>.categorymenu>.menuWrap {width: 85%; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
#kinujolp .lp-content>.categorymenu>.menuWrap>.menuitem>a>img {width: 100%; position:relative; top:0;}
#kinujolp .lp-content>.categorymenu>.menuWrap>.menuitem>a>img:hover {top:-10px; transition:0.3s;}

#kinujolp .product-content {width: 95%; margin: 0 auto 0; padding: 0 0 60px;}
#kinujolp .product-content>img {width: 100%; padding: 0 0 40px;}
#kinujolp .product-content>.head {width: 88%; margin: 0 auto; padding: 0 0 20px;}
#kinujolp .product-content>.head>p {margin: 0 auto; padding: 0; font-family: 'Noto Serif JP', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', serif; font-size: 1.3rem; text-align: justify; line-height: 2.2; letter-spacing: 0.1em;}
#kinujolp .product-content>.lead {width: 88%; margin: 0 auto; padding: 0 0 40px;}
#kinujolp .product-content>.lead>p {margin: 0 auto; padding: 0; font-size: 1.0rem; text-align: justify; line-height: 2.2; letter-spacing: 0.1em;}
#kinujolp .product-block {width: 88%; margin: 0 auto 0; padding: 50px 0 50px;}
#kinujolp .product-block>img {width: 100%;}
#kinujolp .product-block-last {padding: 50px 0 80px; border: none !important;}

#kinujolp .sapphire {width: 100%; margin: 0 auto 0; padding: 0 0 120px; position: relative; background-color: #FAF5F0;}
#kinujolp .sapphire>.product-content {background-color: #172642;}
#kinujolp .sapphire>.product-content>.head>p {color: #ffffff;}
#kinujolp .sapphire>.product-content>.lead>p {color: #ffffff;}
#kinujolp .sapphire>.product-content>.product-block {border-bottom: 1px solid #ffffff;}

#kinujolp .world {width: 100%; margin: 0 auto 0; padding: 0 0 120px; position: relative; background-color: #FAF5F0;}
#kinujolp .world>.product-content {background-color: #DDE4ED;}
#kinujolp .world>.product-content>.head>p {color: #333333;}
#kinujolp .world>.product-content>.lead>p {color: #333333;}
#kinujolp .world>.product-content>.product-block {border-bottom: 1px solid #333333;}

#kinujolp .brush {width: 100%; margin: 0 auto 0; padding: 0 0 120px; position: relative; background-color: #FAF5F0;}
#kinujolp .brush>.product-content {background-color: #FFEFE5;}
#kinujolp .brush>.product-content>.head>p {color: #333333;}
#kinujolp .brush>.product-content>.lead>p {color: #333333;}
#kinujolp .brush>.product-content>.product-block {border-bottom: 1px solid #333333;}
#kinujolp .brush>.product-content>.product-block>img {width: 100%; margin: 0 auto 20px;}


#kinujolp a.btn_cart {display: block; width: 70%; margin: 20px auto 40px; padding: 25px 0 28px;  color: #ffffff; font-size: 1.18rem; font-weight: 700; line-height: 1.0; letter-spacing: 0.1em;  border-radius: 80px; cursor: pointer; text-align: center; transition: background-color 0.3s ease, color 0.3s ease;}
#kinujolp a.btn_cart::after {font-size: 25px; font-weight: 400; transition: all .3s ease; margin-left: 10px; color: #ffffff; position: relative; top: 5px;}
#kinujolp a.btn_cp01 {background: linear-gradient(0deg, #725142 0%, #C69C6D 100%); border: 2px solid #C69C6D;}
#kinujolp a.btn_cp01:hover {color: #C69C6D; background: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);}
#kinujolp a.btn_cp01::after {font-family: 'Material Symbols rounded'; content: "keyboard_arrow_right";}
#kinujolp a.btn_cp01:hover::after {color: #C69C6D;}

#kinujolp a.btn_side {display: block; width: 100%; margin: 0 auto; padding: 15px 0 18px;  color: #ffffff; font-size: 0.9rem; font-weight: 400; line-height: 1.0; letter-spacing: 0.1em;  border-radius: 80px; cursor: pointer; text-align: center; background: linear-gradient(0deg, #725142 0%, #C69C6D 100%); border: 2px solid #C69C6D; transition: background-color 0.3s ease, color 0.3s ease;}
#kinujolp a.btn_side::after {font-size: 0.9rem; font-weight: 400; transition: all .3s ease; margin-left: 10px; color: #ffffff; position: relative; top: 2px;}
#kinujolp a.btn_side:hover {color: #C69C6D; background: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);}
#kinujolp a.btn_side::after {font-family: 'Material Symbols rounded'; content: "keyboard_arrow_right";}
#kinujolp a.btn_side:hover::after {color: #C69C6D;}

#kinujolp .copy-box {width: 90%; margin: 0 auto; padding: 0; position: relative;}
#kinujolp .copy-box>img {width: 100%;}
#kinujolp .js-copy-image {cursor: pointer; transition: opacity 0.2s ease; position: relative; top: 0;}
#kinujolp .js-copy-image:hover {top:-10px; transition:0.3s;}
#kinujolp #copyToast {position: fixed; left: 50%; bottom: 150px; transform: translateX(-50%) translateY(20px); background: rgba(0,0,0,.85); color: #fff; font-size: 0.9rem;  padding: 10px 18px; border-radius: 999px; opacity: 0;
 pointer-events: none; transition: .3s; z-index: 9999;}
#kinujolp #copyToast.show {opacity: 1; transform: translateX(-50%) translateY(0);}


#kinujolp .kinujo-footer {width: 100%; margin: 0 auto; padding: 0; background-color: #FAF5F0; position: relative;}
#kinujolp .kinujo-footer>p {margin: 0 auto 20px; padding: 0; color: #684c15; font-size: 1.25rem; font-weight: 400; line-height: 2.0; letter-spacing: 0.03em; text-align: center;}
#kinujolp .kinujo-footer>img {width: 100%;}
#kinujolp .footerbtn {position: relative; bottom: 100px;}
#kinujolp .footerbtn a.btn_cart {margin: 20px auto 0 !important;}

@media screen and (max-width: 1100px) {
	#kinujolp>.kinujo-content {max-width: 92%;}
	#kinujolp>.kinujo-content>.kinujo-layout {max-width: 100%; margin: 0 auto 0; display: block; grid-template-columns: 1fr; gap: 0}
	#kinujolp .left-nav-content {display: none;}
}

@media screen and (max-width: 1000px) {
	#footer-bml {margin: 0 auto 0;}
}