/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 14 2025 | 14:55:15 */
/*PC:～992px / tablet:991～768px / レスポンシブ:780px (完全sp:767px～)*/
/*コンテンツ横幅 1140px (内訳:1110px padding-left:15px padding-right:15px)*/
/*Origin Ⅱ (Bootstrap4)*/


/*==============================================================
共通
==============================================================*/
/*----------------------------------------------------
見出し
----------------------------------------------------*/
.mainSection-title, h2, h3, h4, h5, h6 {margin: 0;}
h1, h2, h3, h4 {font-family: 'Noto Serif JP', sans-serif;}
h3:after {content:none;}
/*----------------------------------------------------
見出し / h2
----------------------------------------------------*/
h2.desi01 {margin:0; padding:0; border:none; 
	font-weight:400; line-height:1.6; font-size:clamp(1.6rem, 0.368rem + 2.53vw, 3.4rem);}
/*----アンダーライン01----*/
.uline01 {background:linear-gradient(rgba(255, 255, 255, 0) 65%, 
	#fff7a0 65%, #fff7a0 95%, rgba(255, 255, 255, 0) 95%);}
/*----見出しの中にロゴ----*/
.tit_img {position:relative; z-index:1; top:-8px;} 
.tit_img img {width:22vw; max-width:320px; height:auto;}
/*----見出しの中にロゴ（sp時）----*/
@media screen and (max-width:780px) {.tit_img img {width:180px;}}
/*----------------------------------------------------
見出し / h3
----------------------------------------------------*/
h3.desi01 {margin:0; padding:0; background-color:transparent; border:none; 
	font-weight:400; line-height:1.6; font-size:clamp(1.5rem, 1.021rem + 0.98vw, 2.2rem);}
/*----------------------------------------------------
見出し / h4
----------------------------------------------------*/
h4.desi01 {margin:0; padding:0; border:none; 
	font-weight:400; line-height:1.6; font-size:clamp(1.3rem, 0.821rem + 0.98vw, 2rem);}
/*----------------------------------------------------
ちょっと大きめメッセージ
----------------------------------------------------*/
.main_mess {font-size:clamp(1rem, 0.589rem + 0.84vw, 1.6rem);}
/*----------------------------------------------------
小さめのメッセージ
----------------------------------------------------*/
.mess01 {font-size:clamp(1rem, 0.795rem + 0.42vw, 1.3rem);}
/*----------------------------------------------------
明朝体
----------------------------------------------------*/
.min {font-family: 'Noto Serif JP', sans-serif;}


/*==============================================================
01_top
==============================================================*/
/*----------------------------------------------------
見出し
----------------------------------------------------*/
h2.main_tit {margin:0; padding:0; border:none; 
	font-weight:400; line-height:1.6; font-size:clamp(1.8rem, 0.842rem + 1.96vw, 3.2rem);}
/*----------------------------------------------------
リスト / 不使用
----------------------------------------------------*/
.li_notuse {display:flex; flex-wrap:wrap; column-gap:16px; row-gap:16px;}
.li_notuse div {position:relative; z-index:1; width:calc((100% - (16px * 3)) / 4); 
	font-family: 'Noto Serif JP', sans-serif; font-weight:400; font-size:clamp(1.4rem, 0.989rem + 0.84vw, 2rem);}
/*----sp時----*/
@media screen and (max-width:780px) {.li_notuse div {width:calc((100% - 16px) / 2);}}
/*----アイテム（テキスト）----*/
.notuse_txt {position:absolute; z-index:2; width:100%;
	left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; 
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 
		1px -1px 0 #FFF, 0px 1px 0 #FFF,  0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
/*----アイテム（画像）----*/
.li_notuse p {margin:0; line-height:1.4;}
/*----------------------------------------------------
背景
----------------------------------------------------*/
#top {background-image:url(/wp-content/uploads/bg_top_m2lp1_01.jpg); 
	background-repeat:no-repeat; background-position:center bottom; background-size:cover;}


/*==============================================================
02_onayami
==============================================================*/
/*----------------------------------------------------
見出し
----------------------------------------------------*/
h2.onayami {position:relative; z-index:2; 
	margin:0; padding:0; border:none; 
	font-weight:400; line-height:1.6; font-size:clamp(1.8rem, 0.842rem + 1.96vw, 3.2rem);}
h2.onayami span {position:relative;}
h2.onayami span:before {position:absolute; content:"●"; 
	left:50%; top:-8px; transform:translatex(-50%); font-size:22%;}
/*----------------------------------------------------
リスト / お悩み
----------------------------------------------------*/
/*----親----*/
.onayami_pa {width:130%; display:flex; row-gap:32px; align-items:center; margin:0;}
/*----アイテム（画像）----*/
.ona_img {width:60%; position:relative; z-index:1; left:-20%;}
.ona_img img {border-radius:50vw;}
/*----アイテム（テキスト）----*/
.ona_txt {width:70%; z-index:2; font-size:clamp(1.1rem, 0.484rem + 1.26vw, 2rem);
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 
		1px -1px 0 #FFF, 0px 1px 0 #FFF,  0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
/*----悩みのリスト----*/
.li_ona {list-style:none; padding:0;}
.li_ona li {position:relative; display:flex; padding:8px 0;}
.li_ona li:nth-child(2) {margin-left:1rem;}
.li_ona li:nth-child(3) {margin-left:2rem;}
.li_ona li:nth-child(4) {margin-left:3rem;}
.li_ona li:nth-child(5) {margin-left:4rem;}
.li_ona li:after {position:absolute; z-index:1; content:""; left:0; bottom:0; width:100%; height:1px; 
	background: linear-gradient(to right, #000 60%, rgba(0, 0, 0, 0));}
/*----sp時----*/
@media screen and (max-width:780px) {
	.onayami_pa {width:100%; flex-direction:column-reverse; margin:0;}
	.ona_img {position:relative; width:100%; left:0;;}
	.ona_txt {width:100%;}
	.li_ona li:nth-child(2) {margin-left:0rem;}
	.li_ona li:nth-child(3) {margin-left:0rem;}
	.li_ona li:nth-child(4) {margin-left:0rem;}
	.li_ona li:nth-child(5) {margin-left:0rem;}}
/*----------------------------------------------------
背景
----------------------------------------------------*/
#onayami {background-image:url(/wp-content/uploads/onayami_bg_m2lp1_01.jpg); 
	background-repeat:no-repeat; background-position:center top -20vw; background-size:140% auto;}
/*----sp時----*/
@media screen and (max-width:780px) {#onayami {background-position:center top; background-size:280% auto;}}


/*==============================================================
03_point
==============================================================*/
/*----------------------------------------------------
3つのポイント
----------------------------------------------------*/
.point_rlt {position:relative; z-index:1;}
.point_abs {position:absolute; z-index:2; left:50%; top:46%; transform:translatex(-50%); width:100%;
	text-align:center; color:#fff; font-size:clamp(1.4rem, 0.853rem + 1.12vw, 2.2rem);}
/*----------------------------------------------------
ポイントの説明文の後ろのデカい数字
----------------------------------------------------*/
.point_txt {position:relative; z-index:10;}
.point_num {position:absolute; z-index:9; left:0; top:-96px; 
	line-height:1; font-weight:400; font-style:italic;
	font-family: 'Noto Serif JP', sans-serif; color:#00000026;
	font-size:clamp(20rem, 10.421rem + 19.65vw, 34rem);}
/*----------------------------------------------------
リスト / 成分の説明
----------------------------------------------------*/
.li_seibun {display:flex; flex-direction:column; row-gap:32px;}
.li_seibun .seibun_txt {border-bottom:1px solid;}
.li_seibun .seibun_txt:last-child {border-bottom:none;}
/*----------------------------------------------------
背景
----------------------------------------------------*/
#seibun {background-image:url(/wp-content/uploads/point_bg_seibun_m2lp1_01.jpg); 
	background-repeat:repeat; background-position:left -3vw top; background-size:contain;}
/*----------------------------------------------------
#warm / ナナメ線
----------------------------------------------------*/
.warm_img {position:relative;}
.warm_img:after {position:absolute; z-index:2; content:""; right:0; top:0; 
	height:100%; border-right:1px solid; transform:skewx(-14deg);} 
/*----sp時----*/
@media screen and (max-width:780px) {.warm_img:after {display:none;}}
/*----------------------------------------------------
#warm / 背景画像
----------------------------------------------------*/
#warm {background-image:url(/wp-content/uploads/point_bg_warm_m2lp1_04.jpg); 
	background-repeat:no-repeat; background-position:left top; background-size:100% auto;}
/*----sp時----*/
@media screen and (max-width:780px) {#warm {background-position:left top 20%;}}
/*----------------------------------------------------
丸タイトル / 期待される効果
----------------------------------------------------*/
.kitai_kouka {display:table-cell; width:160px; height:160px;
	text-align:center; vertical-align:middle; font-size:1.4rem; line-height:1.9;
	background-color:#FFF; outline:dotted 3px; outline-offset:4px; border-radius:50vw;}
/*----sp時----*/
@media screen and (max-width:780px) {.kitai_kouka {background-color:#e9fbff;}}
/*----------------------------------------------------
リスト / 期待される効果
----------------------------------------------------*/
.li_kitai_kouka {list-style:none; padding:0; width:120%; font-size:clamp(1.1rem, 0.621rem + 0.98vw, 1.8rem);}
.li_kitai_kouka li {position:relative; z-index:1; display:flex; padding:8px 0;}
.li_kitai_kouka li:nth-child(2) {margin-left:-1rem;}
.li_kitai_kouka li:nth-child(3) {margin-left:-2rem;}
.li_kitai_kouka li:nth-child(4) {margin-left:-3rem;}
.li_kitai_kouka li i {padding:0 8px 0 0;}
/*----sp時----*/
@media screen and (max-width:780px) {
	.li_kitai_kouka {width:100%;}
	.li_kitai_kouka li:nth-child(2) {margin-left:0rem;}
	.li_kitai_kouka li:nth-child(3) {margin-left:0rem;}
	.li_kitai_kouka li:nth-child(4) {margin-left:0rem;}}
/*----------------------------------------------------
リスト / 品質管理
----------------------------------------------------*/
/*----親----*/
.li_kanri {display:flex; flex-wrap:wrap; width:100%;}
/*----子----*/
.li_kanri div {position:relative; height:240px; width:calc(100% / 3);
	background-repeat:no-repeat; background-position:left center; background-size:cover;}
/*----子（バリエーション）----*/
.li_kanri div:nth-child(1) {z-index:3; margin:0 0 0 0; clip-path: polygon(10% 0, 100% 0%, 100% 100%, 10% 100%, 0% 50%);
	background-image:url(/wp-content/uploads/point_info_m2lp1_06_01_01.jpg);}
.li_kanri div:nth-child(2) {z-index:2; margin:0 0 0 -1%; 
	background-image:url(/wp-content/uploads/point_info_m2lp1_06_02_02.jpg);}
.li_kanri div:nth-child(3) {z-index:1; margin:0 0 0 -1%; clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
	background-image:url(/wp-content/uploads/point_info_m2lp1_06_03_01.jpg);}
/*----sp時----*/
@media screen and (max-width:780px) {
	.li_kanri {width:100%;}
	.li_kanri div {width:100%;}
	.li_kanri div:nth-child(1) {margin:0 0 0 0; clip-path: polygon(50% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%);}
	.li_kanri div:nth-child(2) {margin:0 0 -1% 0;}
	.li_kanri div:nth-child(3) {margin:0 0 -1% 0; clip-path: polygon(50% 100%, 100% 90%, 100% 0, 0 0, 0 90%);}}
/*----------------------------------------------------
#eco / 背景画像
----------------------------------------------------*/
#eco {padding:0 0 44vw 0; background-image:url(/wp-content/uploads/point_bg_eco_m2lp1_04.jpg); 
	background-repeat:no-repeat; background-position:center bottom; background-size:100% auto;}
/*----sp時----*/
@media screen and (max-width:780px) {#eco {padding:0 0 60vw 0; background-size:140% auto;}}


/*==============================================================
04_step
==============================================================*/
/*----------------------------------------------------
商品画像の後ろのデカい数字
----------------------------------------------------*/
.step_txt {position:relative; z-index:10;}
.step_num {position:absolute; z-index:9; left:0; top:-10%; line-height:1; font-weight:400; font-style:italic; 
	font-family: 'Noto Serif JP', sans-serif;
	font-size:clamp(20rem, 10.421rem + 19.65vw, 34rem); color:#00000026;}
/*----アイテム（画像）----*/
.step_img {text-align:right;}
.step_img img {width:100%; max-width:440px;}
/*----sp時----*/
@media screen and (max-width:780px) {
	.step_img {text-align:center;}
	.step_img img {width:80%;}}
/*----配合成分----*/
.step_seibun {padding:16px; background-color:#EFEFEF; line-height:1.9; font-size:0.9rem;}
.step_seibun p:last-child {margin-bottom:0;}
/*----------------------------------------------------
見出し / お手入れワンポイントアドバイス
----------------------------------------------------*/
.onp_pa {position:relative; z-index:1;}
/*----画像（Onepoint!）----*/
.onp_img {position:absolute; z-index:10; left:0; bottom:0; width:46%;}
/*----タイトル----*/
.onp_tit {margin:0; padding:16px 0 16px 38vw;
	text-align:left; font-weight:bold; color:#fff; background-color:#000; 
	font-size:clamp(1.2rem, 1.063rem + 0.28vw, 1.4rem);}
/*----sp時----*/
@media screen and (max-width:780px) {
	.onp_img {position:relative; width:80%; margin:0 auto;}
	.onp_tit {padding:16px 4px; text-align:center;}}
/*----------------------------------------------------
リスト / お手入れのやり方
----------------------------------------------------*/
.li_onp_adv {display:flex; flex-wrap:wrap; position:relative; z-index:1;}
/*----化粧品----*/
.onp_adv_item {position:absolute; z-index:10; width:10%; max-width:120px;}
.onp_adv_item.lef {left:2%; top:50%; transform:translatey(-50%) rotate(-15deg);}
.onp_adv_item.rig {right:2%; top:50%; transform:translatey(-50%) rotate(15deg);}
/*----文章----*/
.onp_adv_txt {width:50%; min-height:300px;}
.onp_adv_txt.lef {text-align:left; padding:32px 8px 32px 14vw;}
.onp_adv_txt.rig {text-align:left; padding:32px 14vw 32px 8px;}
/*----画像（背景指定）----*/
.onp_adv_img {width:50%; background-repeat:no-repeat; background-size:cover;}
/*----背景バリエーション----*/
.onp_adv_img.bg01 {background-position:left top;
	background-image:url(/wp-content/uploads/onp_adv_img_m2lp1_01_01.jpg);}
.onp_adv_img.bg02 {background-position:right top; 
	background-image:url(/wp-content/uploads/onp_adv_img_m2lp1_02_01.jpg);}
/*----sp時----*/
@media screen and (max-width:780px) {
	.onp_adv_txt {width:100%; min-height:200px;}
	.onp_adv_img {width:100%; height:240px;}
	.onp_adv_item {width:20%; max-width:100px;}
	.onp_adv_item.lef {left:auto; right:4%; top:4%; transform:translatey(-4%) rotate(15deg);}
	.onp_adv_item.rig {right:auto; left:4%; top:4%; transform:translatey(-4%) rotate(-15deg);}
	.onp_adv_txt.lef {padding:16px 16px 32px; order:2;}
	.onp_adv_txt.rig {padding:16px 16px 32px;}
	.onp_adv_img.bg01 {background-position:left -64px top; background-size:200%; order:1;}
	.onp_adv_img.bg02 {background-position:right -64px top; background-size:200%;}}


/*==============================================================
05_user
==============================================================*/
/*----------------------------------------------------
リスト / ユーザーボイス
----------------------------------------------------*/
/*----親----*/
.li_user {display:flex; flex-wrap:wrap; column-gap:64px; row-gap:64px;}
/*----子----*/
.user_voice {position:relative; z-index:1; width:calc((100% - 64px) / 2); 
	margin:0; padding:112px 16px 16px; background-color:#fff7a0;}
/*----sp時----*/
@media screen and (max-width:780px) {.user_voice {width:100%;}}
/*----アイテム（ロゴ・ボイス）----*/
.logo_voice {position:absolute; z-index:2; left:-2%; top:-2%; width:64%;}
/*----アイテム（キャラ & 年齢）----*/
.chara_voice {position:absolute; z-index:3; right:2%; top:-8%; width:34%;}
.chara_voice p {font-size:0.9rem;}
/*----アイテム（見出し）----*/
h3.tit_voice {margin:0; padding:0 34% 0 0; border:none; 
	line-height:1.4; font-size:clamp(1.2rem, 0.789rem + 0.84vw, 1.8rem);}
/*----アイテム（テキスト）----*/
.user_voice p {margin:0;}
/*----------------------------------------------------
背景（美肌への近道です）
----------------------------------------------------*/
#chikamichi {padding:96px 0;
	background-image:url(/wp-content/uploads/chikamichi_bg_m2lp1_05.jpg); 
	background-repeat:no-repeat; background-position:center; background-size:contain;}
/*----sp時----*/
@media screen and (max-width:780px) {#chikamichi {padding:64px 0;}}


/*==============================================================
99_shop
==============================================================*/
/*----------------------------------------------------
ラベル
----------------------------------------------------*/
/*----親----*/
.label_shop {display:flex; flex-wrap:wrap; width:100%;}
/*----子----*/
.label_shop .lb01, .label_shop .lb02 {
	display:flex; align-items:center; font-weight:400; color:#fff;
	font-family: 'Noto Serif JP', sans-serif; font-size:clamp(1.2rem, 0.653rem + 1.12vw, 2rem);}
.label_shop .lb01 {position:relative; width:44%; padding:16px 0 16px 12%; background-color:#555;}
.label_shop .lb02 {position:relative; width:56%; padding:16px 12% 16px 32px; background-color:#ACA76F;}
.label_shop .lb02.full {display:block; width:100%; padding:16px 16px 16px 16px; text-align:center;}
/*----lb01 細分----*/
.label_shop .lb01 div:nth-child(1) {width:30%; padding:0 16px; display:inline-block;}
.label_shop .lb01 div:nth-child(2) {width:70%;}
.label_shop .lb01:after {
	position:absolute; content:""; z-index:2; right:-15px; top:0; width:16px; height:100%;
	background-color:#555; clip-path: polygon(10% 0, 100% 50%, 10% 100%, 0 100%, 0 0);}
/*----sp時----*/
@media screen and (max-width:780px) {
	.label_shop .lb01 {width:100%; padding:16px 0;}
	.label_shop .lb01 div:nth-child(1) {width:20%;}
	.label_shop .lb01 div:nth-child(2) {width:70%;}
	.label_shop .lb01:after {right:auto; top:auto; left:0; bottom:-15px; width:100%; height:16px; 
		clip-path: polygon(50% 100%, 100% 10%, 100% 0%, 0% 0%, 0 10%);}
	.label_shop .lb02 {width:100%; padding:32px 16px 16px; text-align:center; justify-content:center;}
	.label_shop .lb02:after {
		position:absolute; content:""; z-index:2; left:0; bottom:-15px; width:100%; height:16px; 
		background-color:#ACA76F; clip-path: polygon(50% 100%, 100% 10%, 100% 0%, 0% 0%, 0 10%);}}
/*----------------------------------------------------
商品の内容
----------------------------------------------------*/
.item_info {position:relative; z-index:1; 
	background-color:#ffffffdb; padding:96px 32px 96px;}
/*----アイテム（無添加国産）----*/
.mutenka {position:absolute; z-index:2; width:20%; right:-4%; top:-10%;}
/*----sp時----*/
@media screen and (max-width:780px) {
	.item_info {padding:32px 32px 96px;}
	.mutenka {position:absolute; z-index:20; width:30%; right:-2%; top:-8%;}}
/*----------------------------------------------------
ボタン
----------------------------------------------------*/
.btn_shop {position:relative; z-index:10; top:-72px;}
.btn_shop a {display:block; width:600px; 
	margin:0 auto; padding:16px 8px; font-size:1.6rem; text-align:center; 
	color:#fff; background-color:#000; border-radius:50vw; outline:#000 dotted 4px; outline-offset:4px;}
.btn_shop a:hover {background-color:#9e0000; outline:#9e0000 dotted 4px; text-decoration:none;}
/*----アイコン----*/
.btn_shop span {display:inline-block; margin:0 8px 4px 0; vertical-align:middle;}
/*----sp時----*/
@media screen and (max-width:780px) {
	.btn_shop {top:-60px;}
	.btn_shop a {width:90%; font-size:1rem;}
	.btn_shop img {width:28px; height:auto;}}
/*----------------------------------------------------
背景
----------------------------------------------------*/
#shop_info {padding:128px 0 32px; background-color:#DDF0F4;
	background-repeat:no-repeat; background-size:contain;}
/*----バリエーション----*/
#shop_info.c01 {background-image:url(/wp-content/uploads/bg_shop_m2lp1_01_03.jpg); background-position:left -128px top;}
#shop_info.c02 {background-image:url(/wp-content/uploads/bg_shop_m2lp1_02_03.jpg); background-position:left -256px top;}
/*----sp時----*/
@media screen and (max-width:780px) {
	#shop_info {padding:200px 0 32px; background-size:200% auto;}
	#shop_info.c01 {background-position:left top;}
	#shop_info.c02 {background-position:left -32px top;}}