@charset "utf-8";
body {
	color: #333;
	margin: 0 auto;
	-webkit-text-size-adjust: none;
	background: #fff;
}
a:hover, a:active, a:visited {color: #999999;}

.w960{
	width: 960px;
	margin: 0 auto;
}
.catch_bg{
	height: 670px;
	background: url("../img/catch_bg.jpg") no-repeat center top;
}
.img01_bg{
	height: 797px;
	background: url("../img/img01_bg.jpg") no-repeat center top;
}
.img02_bg, .img26_bg, .img28_bg, .img36_bg{
	background: #000;
}
.img03_bg{
	height: 943px;
	background: url("../img/img03_bg.jpg") no-repeat center top;
}
.img05_bg{
	height: 403px;
	background: url("../img/img05_bg.jpg") no-repeat center top;
}
.img05_bg02{
	margin: 0 auto;
	width: 960px;
	height: 403px;
	position: relative;
}
.img05_pos01{
	width: 852px;
	height: 77px;
	position: absolute;
	top: 59px;
	left: 53px;
}
.img05_pos02{
	width: 106px;
	height: 175px;
	position: absolute;
	top: 175px;
	left: 59px;
}
.img05_pos03{
	width: 128px;
	height: 175px;
	position: absolute;
	top: 175px;
	left: 231px;
}
.img05_pos04{
	width: 132px;
	height: 175px;
	position: absolute;
	top: 175px;
	left: 415px;
}
.img05_pos05{
	width: 124px;
	height: 175px;
	position: absolute;
	top: 175px;
	left: 600px;
}
.img05_pos06{
	width: 126px;
	height: 175px;
	position: absolute;
	top: 175px;
	left: 783px;
}
.img05_2_bg{
	height: 403px;
	background: url("../img/img05_bg.jpg") no-repeat center top;
}
.img05_2_bg02{
	margin: 0 auto;
	width: 960px;
	height: 403px;
	position: relative;
}
.img11_bg{
	height: 239px;
	background: url("../img/img11_bg.jpg") no-repeat center top;
}
.img12_bg{
	height: 338px;
	background: url("../img/img12_bg.jpg") no-repeat center top;
}
.img13_bg{
	height: 340px;
	background: url("../img/img13_bg.jpg") no-repeat center top;
}
.img14_bg{
	height: 340px;
	background: url("../img/img14_bg.jpg") no-repeat center top;
}
.img15_bg{
	height: 644px;
	background: url("../img/img15_bg.jpg") no-repeat center top;
}
.img16_bg{
	height: 239px;
	background: url("../img/img16_bg.jpg") no-repeat center top;
}
.img17_bg{
	height: 644px;
	background: url("../img/img17_bg02.jpg") no-repeat center top;
}
.img18_bg{
	height: 239px;
	background: url("../img/img18_bg.jpg") no-repeat center top;
}
.img19_bg{
	height: 491px;
	background: url("../img/img19_bg.jpg") no-repeat center top;
}
.img20_bg{
	height: 239px;
	background: url("../img/img20_bg.jpg") no-repeat center top;
}
.img21_bg{
	height: 531px;
	background: url("../img/img21_bg.jpg") no-repeat center top;
}
.img22_bg{
	height: 239px;
	background: url("../img/img22_bg.jpg") no-repeat center top;
}
.img23_bg{
	height: 381px;
	background: url("../img/img23_bg.jpg") no-repeat center top;
}
.img24_bg{
	height: 571px;
	background: url("../img/img24_bg.jpg") no-repeat center top;
}
.img25_bg{
	height: 383px;
	background: url("../img/img25_bg.jpg") no-repeat center top;
}
.img25_bg02{
	margin: 0 auto;
	width: 960px;
	height: 383px;
	background: url("../img/img25.jpg") no-repeat center top;
	position: relative;
}
.img27_bg{
	height: 967px;
	background: url("../img/img27_bg.jpg") no-repeat center top;
}
.img29_bg{
	height: 1239px;
	background: url("../img/img29_bg.jpg") no-repeat center top;
}
.img30_bg{
	height: 909px;
	background: url("../img/img30_bg.jpg") no-repeat center top;
}
.img42_bg{
	height: 1084px;
	background: url("../img/img42_bg.jpg") no-repeat center top;
}
.img32_bg{
	height: 619px;
	background: url("../img/img32_bg.jpg") no-repeat center top;
}
.img33_bg{
	height: 394px;
	background: url("../img/img33_bg.jpg") no-repeat center top;
}
.img41_bg{
	height: 910px;
	background: url("../img/img41_bg.jpg") no-repeat center top;
}
.img46_bg{
	height: 480px;
	background: url("../img/img46_bg.jpg") no-repeat center top;
}
.img35_bg{
	height: 788px;
	background: url("../img/img35_bg.jpg") no-repeat center top;
}

/* 通常オファー
==============================================*/

/* ▼ form link ここから */
.img43_bg{
	height: 522px;
	background: url("../img/img43_bg.jpg") no-repeat center top;
}
.img43_bg02{
	margin: 0 auto;
	width: 960px;
	height: 522px;
	background: url("../img/img43.jpg") no-repeat center top;
	position: relative;
}
.btn01{
	width: 400px;
	height: 89px;
	position: absolute;
	top: 356px;
	left: 243px;
}
.price01{
	position: absolute;
	top: 332px;
	left: 750px;
	font-family: arial, 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
	font-size: 73px;
	font-weight: 600;
	letter-spacing: -0.03em;
	transform: rotate(5deg);
	color: #e00a00;/*非対応のブラウザでの文字色を設定*/
	background: -webkit-linear-gradient(90deg, #d60000 , #ff2f00);/*背景色にグラデーションを指定*/
	-webkit-background-clip: text;/*テキストでくり抜く*/
	-webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
}
.img44_bg{
	height: 453px;
	background: url("../img/img44_bg.jpg") no-repeat center top;
}
.img44_bg02{
	margin: 0 auto;
	width: 960px;
	height: 453px;
	background: url("../img/img44.jpg") no-repeat center top;
	position: relative;
}
.btn02{
	width: 400px;
	height: 89px;
	position: absolute;
	top: 290px;
	left: 243px;
}
.price02{
	position: absolute;
	top: 294px;
	left: 746px;
	font-family: arial, 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
	font-size: 73px;
	font-weight: 600;
	letter-spacing: -0.03em;
	transform: rotate(5deg);
	color: #e00a00;/*非対応のブラウザでの文字色を設定*/
	background: -webkit-linear-gradient(90deg, #d60000 , #ff2f00);/*背景色にグラデーションを指定*/
	-webkit-background-clip: text;/*テキストでくり抜く*/
	-webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
}
/* △ form link ここまで */

/* ▼ facewash単品、gel単品、ジェル＋洗顔セット ここから */
.form_bg{
	height: 626px;
	background: url("../img/form_bg.jpg") no-repeat center top;
}
.form_g3_bg{
	height: 726px;
	background: url("../img/form_g3_bg.jpg") no-repeat center top;
}
.form_set01_bg{
	height: 560px;
	background: url("../img/form_set01_bg.jpg") no-repeat center top;
}
.form_set_bg{
	margin: 0 auto;
	width: 960px;
	height: 626px;
	background: url("../img/form_set02.jpg") no-repeat center top;
	position: relative;
}
/************************* ▼KOL *************************/
.form_kol_bg{
	height: 626px;
	background: url("../img/form_set02_bg_kol.jpg") no-repeat center top;
}
.form_set_kol_bg{
	margin: 0 auto;
	width: 960px;
	height: 626px;
	background: url("../img/form_set02_kol.jpg") no-repeat center top;
	position: relative;
}
/************************* △KOL *************************/
.form_g3{
	margin: 0 auto;
	width: 960px;
	height: 726px;
	background: url("../img/form_g3.jpg") no-repeat center top;
	position: relative;
}
.form_w3{
	margin: 0 auto;
	width: 960px;
	height: 726px;
	background: url("../img/form_w3.jpg") no-repeat center top;
	position: relative;
}
.form_w_bg{
	margin: 0 auto;
	width: 960px;
	height: 626px;
	background: url("../img/form_w.jpg") no-repeat center top;
	position: relative;
}
.form_g_bg{
	margin: 0 auto;
	width: 960px;
	height: 626px;
	background: url("../img/form_g.jpg") no-repeat center top;
	position: relative;
}
.btn_g3{
	width: 806px;
	height: 178px;
	position: absolute;
	top: 572px;
	left: 77px;
}
.btn_set{
	width: 806px;
	height: 178px;
	position: absolute;
	top: 431px;
	left: 77px;
}
.btn_g, .btn_w{
	width: 806px;
	height: 178px;
	position: absolute;
	top: 423px;
	left: 77px;
}
.price_g{
	position: absolute;
	top: 268px;
	left: 530px;
	font-family: arial, 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
	font-size: 150px;
	font-weight: 600;
	letter-spacing: -0.010em;
	color: #ffaa00;/*非対応のブラウザでの文字色を設定*/
	background: -webkit-linear-gradient(90deg, #ffb300 , #ffff00);/*背景色にグラデーションを指定*/
	-webkit-background-clip: text;/*テキストでくり抜く*/
	-webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
}
.price_w{
	position: absolute;
	top: 268px;
	left: 530px;
	font-family: arial, 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
	font-size: 150px;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: #ffaa00;/*非対応のブラウザでの文字色を設定*/
	background: -webkit-linear-gradient(90deg, #ffb300 , #ffff00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.price_set{
	position: absolute;
	top: 267px;
	left: 505px;
	font-family: arial, 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
	font-size: 163px;
	font-weight: 600;
	letter-spacing: -0.015em;
	color: #ffaa00;/*非対応のブラウザでの文字色を設定*/
	background: -webkit-linear-gradient(90deg, #ffb300 , #ffff00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.price_g3{
	position: absolute;
	top: 375px;
	left: 515px;
	font-family: arial, 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
	font-size: 163px;
	font-weight: 600;
	letter-spacing: -0.015em;
	color: #ffaa00;
	background: -webkit-linear-gradient(90deg, #ffb300 , #ffff00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/* 全成分表
==============================================*/
.lp_ttl{
	margin: 0 auto;
	width: 960px;
	font-size: 20px;
	color: #fff;
	background: #00abe6;
	text-align: center;
	padding: 15px 0;
	font-weight: bold;
}
.lp_ttl_stxt{
	font-size: 12px;
	color: #fff;
	font-weight: normal;
}
.lp_table{
	margin: 0 auto;
	border-collapse: collapse;
	width: 900px;
	font-size: 12px;
	color: #000;
}
.td01{
	width: 225px;
	font-weight: bold;
	border: 1px solid #ccc;
	background: #f8f8f8;
	text-align: center;
}
.td02{
	width: 675px;
	padding: 8px;
	border: 1px solid #ccc;
	background: #fff;
	text-align: left;
	box-sizing: border-box;
}

/* Footer
==============================================*/
.img39_bg{background: #27bcef;}
.img39_bg02{
	margin: 0 auto;
	width: 960px;
	height: 50px;
	position: relative;
}
.img39_pos{
	width: 389px;
	height: 33px;
	position: absolute;
	top: 10px;
	left: 0px;
}
.lp_link{
	width: 355px;
	font-size: 14px;
	color: #fff;
	text-align: right;
	position: absolute;
	top: 13px;
	right: 0px;
}
.lp_link a{color: #fff;}
.copy{font-size: 12px;}


/*退貨
==============================================*/
.footer_contact_bg{
	background: #eee;
	letter-spacing: 0.08em;
}
.footer_contact{
	width: 960px;
	min-height: 500px;
	padding: 50px 20px;
	margin: 0 auto;
	position: relative;
	color: #333;
}
.ctt_ttl{
	margin-bottom: 35px;
	font-size: 22px;
	line-height: 20px;
	border-left: solid 4px #22baee;
	padding-left: 10px;
	font-weight: bold;
}
.rtn_txt li{
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
	margin: 0 0 10px 10px;
}
.rtn_bnr{
	position: relative;
	height: 160px;
	margin-bottom: 20px;
	background: #fff;
	box-sizing: border-box;
}
.rtn_pos01{
	position: absolute;
	top: 30px;
	left: 30px;
}
.rtn_pos02{
	position: absolute;
	top: 30px;
	left: 450px;
}
.rtn_pos03{
	position: absolute;
	top: 90px;
	left: 30px;
	font-size: 12px;
	line-height: 1.6;
}



/* ページトップ
==============================================*/
.pagetop{
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 2;
    margin: 0;
    padding: 0;
}
.pagetop a{
    display: block;
    text-align: center;
    text-decoration: none;
}
 
.pagetop a:hover{
    display: block;
    text-align: center;
    text-decoration: none;
}

.pagetop img{
	vertical-align: bottom;
	width: 55px;
	height: 55px;
}









/* 共通
==============================================*/
/*--- text-align ---*/
.alignC{text-align: center;}
.alignL{text-align: left;}
.alignR{text-align: right;}

/*--- SP左右の余白用margin ---*/
.mLR10{margin-left: 10px!important; margin-right: 10px;}

/*--- font-size ---*/
.fs12{font-size: 12px!important;}
.fs14{font-size: 14px!important;}
.fs16{font-size: 16px!important;}
.fs18{font-size: 18px!important;}
.fs20{font-size: 20px!important;}
.fs22{font-size: 22px!important;}
.fs24{font-size: 24px!important;}
.fs26{font-size: 26px!important;}
.fs28{font-size: 28px!important;}
.fs30{font-size: 30px!important;}
.fs32{font-size: 32px!important;}
.fs34{font-size: 34px!important;}
.fs36{font-size: 36px!important;}
.fs38{font-size: 38px!important;}
.fs40{font-size: 40px!important;}
.fs45{font-size: 45px!important;}
.fs50{font-size: 50px!important;}

/*--- margin ---*/
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}
.mb90{margin-bottom: 90px!important;}
.mb100{margin-bottom: 100px!important;}