@charset "utf-8";
/* CSS Document */

/* メニュー設定 */

@media print,screen and (min-width: 768px){

/* PC用設定 */
.title {
	background-image: url(../img/menu/title.png);
}
.title h2 {
	padding-right:240px;
}

#contents h2 {
	font-size: 36px;
	line-height: 1.8em;
	color: #615c45;
	text-align: center;
	font-weight: 500;
	margin-bottom:115px;
}
#contents .section {
	width: 1240px;
	margin: 0px auto;
}
@media screen and (max-width: 1659px){
#contents .section {
	width:auto;
	margin:0px 35px;
}
}
/* こんな方におすすめ */
#contents .recommend {
	width:1180px;/* 1380px */
	padding-left:200px;
	height:400px;/* 500px */
	padding-top:100px;
	margin:0px auto;
	background-image: url(../img/menu/recommend.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:45px;
}
#contents .recommend ul {
	background-color: #faf0f1;
	width: 920px;/* 1160px */
	height:350px;/* 400px */
	padding:0px 120px;
	padding-top:50px;
}
#contents .recommend li {
	font-size: 24px;
	line-height: 1.3em;
	background-image: url(../img/menu/check_icon.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 15px;
	padding-left: 45px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #c4b1b4;
}
@media screen and (max-width: 1659px){
#contents .recommend {
	width:auto;
	height:auto;
	margin:0px 35px;
	margin-top:45px;
}
#contents .recommend ul {
	width: auto;
	height:auto;
	padding:50px 90px;
}
}
/* ビフォーアフター */
#contents .comparison {
	background-image: url(../img/wave_bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:175px;
}
#contents .comparison h2 {
	margin-bottom:80px;
}
#contents .comparison ul {
	margin: 0px auto;
	width: 1200px;
}
#contents .comparison li {
	float:left;
	width:560px;
}
#contents .comparison li:nth-child(2) {
	float:right;
	text-align:right;
}
#contents .wave {
	background-image: url(../img/wave_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:150px;
}
@media print,screen and (min-width: 1921px){
#contents .comparison {
	background-size:100% auto;
}
#contents .wave {
	background-size:100% auto;
}
}
/* バナー */
#contents .banner {
	text-align:center;
	margin-top:80px;
}
#contents .banner img {
	box-shadow:5px 5px 10px rgba(0,0,0,0.3);
}

/* 体験された方の声 */
#contents .voice {
	background-image: url(../img/wave_bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:165px;
	margin-top:135px;
}
@media screen and (max-width: 1659px){
#contents .voice {
	background-size:100% auto;
	margin-top:0px;
}
}
#contents .voice ul {
	margin: 0px auto;
	width: 1200px;
}
#contents .voice li {
	float:left;
	width:50%;
	overflow: hidden;
}
#contents .voice li:nth-child(2) {
	float:right;
	text-align:right;
}

/* JETPEEL */
#contents #jetpeel {
	padding-top:135px;
}
#contents #jetpeel .features {
	width:1510px;
	margin:0px auto;
}
#contents #jetpeel .features dt {
	float:right;
	width:720px;
	text-align:right;
}
#contents #jetpeel .features dd {
	float:left;
	width:710px;
}
#contents #jetpeel .features img {
}
@media screen and (max-width: 1659px){
#contents #jetpeel .features {
	width:auto;
	margin:0px;
	margin-left:35px;
}
#contents #jetpeel .features dt {
	width:48%;
}
#contents #jetpeel .features dd {
	width:47%;
}
#contents #jetpeel .features img {
	width:100%;
}
}
/* ジェットピールの効果が高い３つの理由 */
#contents #jetpeel .reason {
	padding-top:110px;
}
#contents #jetpeel .reason ul {
}

#contents #jetpeel .reason li {
	width:590px;
	margin-top:100px;
}
#contents #jetpeel .reason li h3 {
	font-size: 30px;
	line-height: 1.4em;
	font-weight: 500;
	background-image: url(../img/menu/jetpeel_reason_no1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 110px;
	padding-top:35px;
	padding-bottom:35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d8a9af;
	margin-bottom:35px;
	clear:both;
}
#contents #jetpeel .reason li img {
	position: absolute;
	margin-top:-190px;
	margin-left:664px;
}
@media screen and (max-width: 1659px){
#contents #jetpeel .reason li img {
	margin-left:720px;
}
}
#contents .message {
	text-align: center;
	background-image: url(../img/menu/jetpeel_message.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 236px;/* 286px */
	padding-top: 50px;
	margin:90px 0px;
}
@media screen and (max-width: 1659px){
#contents .message {
	height: auto;
	background-size:100% 100%;
	padding-bottom:30px;
}
}

/* クリスティーナ */
#contents #christina {
	padding-top:135px;
}
#contents #christina h2 {
	margin-bottom:50px;
}
#contents #christina .features {
	width: 1714px;
	background-image: url(../img/menu/christina_features.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px auto;
	margin-bottom:80px;
	padding-bottom:470px;
}
#contents #christina .features dt {
	float:right;
	margin-right:198px;
}
#contents #christina .features dd {
	float:left;
	width:710px;
}
#contents #christina .features dd p {
	text-align:left;
}
@media screen and (max-width: 1659px){
#contents #christina .features {
	width: auto;
	margin-left: 35px;
	background-size:100%;
}
#contents #christina .features dd {
	width:55%;
}
#contents #christina .features dd p {
	text-align:left;
}
#contents #christina .features dt {
	margin:0px;
	width:40%;
}
#contents #christina .features dt img {
	width:100%;
}
}
/* クリスティーナが肌の悩みを解放し、理想的な肌環境をつくります */
#contents #christina .item {
	padding-top:135px;
}
#contents #christina .item h2 {
	padding-bottom:65px;
}
/* アンストレストリートメント */
#contents #christina .item .unstress {
	width: 1520px;
	height: 860px;/* 910px */
	padding-top:50px;
	margin: 0px auto;
	background-image: url(../img/menu/christina_unstress.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contents #christina .item .unstress dt h3 {
	font-size: 30px;
	line-height: 1em;
	font-weight: 500;
	margin-bottom:30px;
}
#contents #christina .item .unstress dd {
	background-color: #FFF;
	width: 710px;/* 800px */
	padding:40px 0px;
	padding-bottom:20px;
	padding-right:90px;
}
#contents #christina .item .unstress dd p {
	margin-bottom:1em;
}
@media screen and (max-width: 1659px){
#contents #christina .item .unstress {
	width: auto;
	height:auto;
	margin: 0px;
	padding-left:35px;
	padding-top:0px;
	padding-bottom:330px;
	background-size:100%;
	background-position: 35px bottom;
}
#contents #christina .item .unstress dd {
	background-color: #FFF;
	width: 600px;
	padding:40px 0px;
	padding-bottom:20px;
	padding-right:40px;
}
}
/* イラストリアストリートメント */
#contents #christina .item .illustrious {
	width: 1520px;
	height: 910px;/* 910px */
	margin: 0px auto;
	background-image: url(../img/menu/christina_illustrious.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:100px;
}
#contents #christina .item .illustrious dt {
	width: 800px;/* 800px */
	float:right;
}
#contents #christina .item .illustrious dt h3 {
	font-size: 30px;
	line-height: 1em;
	font-weight: 500;
	margin-bottom:60px;
	text-align:right;
}
#contents #christina .item .illustrious dd {
	background-color: #FFF;
	width: 710px;/* 800px */
	padding:80px 0px;
	padding-left:90px;
	float:right;
}
#contents #christina .item .illustrious dd p {
	margin-bottom:0em;
}
@media screen and (max-width: 1659px){
#contents #christina .item .illustrious {
	width: auto;
	height:auto;
	padding-right:35px;
	padding-bottom:330px;
	background-size:100%;
	background-position: -35px bottom;
}
#contents #christina .item .illustrious dt h3 {
	margin-bottom:30px;
}
#contents #christina .item .illustrious dd {
	background-color: #FFF;
	width: 640px;
	padding:40px 0px;
	padding-bottom:20px;
	padding-left:40px;
}
#contents #christina .voice {
	margin-top:65px;
}
}
#contents #christina .voice h2 {
	margin-bottom:115px;
}

/* OHLハーブピーリング */
#contents #ohlherbs {
	padding-top:200px;
}
#contents #ohlherbs .features {
	width: 1490px;
	margin: 0px auto;
	padding-left:110px;
}
#contents #ohlherbs .features dt {
	float:right;
}
#contents #ohlherbs .features dd {
	float:left;
	width:710px;
}
@media screen and (max-width: 1659px){
#contents #ohlherbs .features {
	width: auto;
	padding:0px;
	margin-left: 35px;
}
#contents #ohlherbs .features dd {
	width:55%;
}
#contents #ohlherbs .features dd {
	margin:0px;
	width:40%;
}
#contents #ohlherbs .features dd img {
	width:100%;
}
}
/* 画期的なハーブピーリングです */
#contents #ohlherbs .item {
	padding-top:115px;
	margin-bottom:70px;
}
#contents #ohlherbs .item h2 {
	margin-bottom:65px;
}
#contents #ohlherbs .item dl {
	width: 1520px;
	height:520px;/* 600px */
	padding-top:80px;
	margin: 0px auto;
	background-image: url(../img/menu/ohlherbs_bk.webp);
	background-repeat: no-repeat;
	background-position: right top;
}
.no-webp body #contents #ohlherbs .item dl {
	background-image: url(../img/menu/ohlherbs_bk.jpg);
}
#contents #ohlherbs .item dd {
	background-color: #FFF;
	width: 750px;/* 810px */
	padding:40px 0px;
	padding-bottom:20px;
	padding-right:60px;
}
@media screen and (max-width: 1659px){
#contents #ohlherbs .item dl {
	width: auto;
	height:auto;
	padding-top:40px;
	margin: 0px;
	padding-left:35px;
	background-size:55%;
}
#contents #ohlherbs .item dd {
	width: 45%;
	padding:40px 0px;
	padding-bottom:20px;
	padding-right:60px;
}
}
#contents #ohlherbs .voice h2 {
	margin-bottom:115px;
}

/* カーボキシー炭酸パック */
#contents #carboxy {
	padding-top:200px;
}
#contents #carboxy .features {
	width: 1490px;
	margin: 0px auto;
	padding-left:110px;
}
#contents #carboxy .features dt {
	float:right;
	width:660px;
	text-align:right;
}
#contents #carboxy .features dd {
	float:left;
	width:700px;
}
@media screen and (max-width: 1659px){
#contents #carboxy .features {
	width: auto;
	padding:0px;
	margin-left: 35px;
}
#contents #carboxy .features dt {
	float:right;
	width:40%;
}
#contents #carboxy .features dt img {
	width:100%;
}
#contents #carboxy .features dd {
	width:55%;
}
}
/* カーボキシーの仕組み */
#contents #carboxy .item {
	padding-top:115px;
	margin-bottom:70px;
}
#contents #carboxy .item h2 {
	margin-bottom:65px;
}
#contents #carboxy .item dl {
	width: 1520px;
	height:520px;/* 600px */
	padding-top:80px;
	margin: 0px auto;
	background-image: url(../img/menu/carboxy_bk.webp);
	background-repeat: no-repeat;
	background-position: right top;
}
.no-webp body #contents #carboxy .item dl {
	background-image: url(../img/menu/carboxy_bk.jpg);
}

#contents #carboxy .item dd {
	background-color: #FFF;
	width: 750px;/* 810px */
	padding:40px 0px;
	padding-bottom:20px;
	padding-right:60px;
}
@media screen and (max-width: 1659px){
#contents #carboxy .item dl {
	width: auto;
	height:auto;
	padding-top:40px;
	margin: 0px;
	padding-left:35px;
	background-size:55%;
}
#contents #carboxy .item dd {
	width: 45%;
	padding:40px 0px;
	padding-bottom:20px;
	padding-right:60px;
}
}
#contents #carboxy .voice h2 {
	margin-bottom:115px;
}
#contents #carboxy .to_price {
	text-align: center;
	margin-top: 65px;
}

}
@media screen and (max-width: 767px){

/* スマホ用設定 */

.title {
	background-image: url(../img/sp/menu/title.png);
}
#contents h2 {
	font-size: 18px;
	line-height: 1.8em;
	color: #615c45;
	text-align: center;
	font-weight: 500;
	margin-bottom:20px;
}
#contents .section {
	width: auto;
	margin: 0px 10px;
}
/* こんな方におすすめ */
#contents .recommend {
	width:auto;
	padding-left:0px;
	height:auto;
	padding-top:90px;
	margin:20px 10px;
	background-image: url(../img/sp/menu/recommend.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:auto 75px;
}
#contents .recommend ul {
	background-color: #faf0f1;
	width: auto;
	height:auto;
	padding:20px 15px;
}
#contents .recommend li {
	font-size: 14px;
	line-height: 1.3em;
	background-image: url(../img/menu/check_icon.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	padding-left: 30px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #c4b1b4;
	background-size:20px;
}
/* ビフォーアフター */
#contents .comparison {
	background-image: url(../img/sp/wave_bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:0px;
	padding-bottom:40px;
	background-size:100% auto;
	margin-bottom:30px;
}
#contents .comparison h2 {
	margin-bottom:0px;
	margin-top:20px;
}
#contents .comparison ul {
	margin: 0px;
	width: auto;
}
#contents .comparison li {
	float:none;
	width:260px;
	margin:0px auto;
	margin-top:20px;
}
#contents .comparison li img {
	width:100%;
	margin-bottom:10px;
}
#contents .wave {
	background-image: url(../img/sp/wave_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:25px;
	background-size:100% 100%;
	margin-bottom:20px;
}
/* バナー */
#contents .banner {
	text-align:center;
	margin-top:0px;
	margin-bottom:40px;
}
#contents .banner img {
	width:90%;
	box-shadow:3px 3px 6px rgba(0,0,0,0.3);
}

/* 体験された方の声 */
#contents .voice {
	background-image: url(../img/sp/wave_bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:0px;
	padding-bottom:40px;
	background-size:100% auto;
	margin-bottom:30px;
}
#contents .voice ul {
	margin: 0px 10px;
	width: auto;
}
#contents .voice li {
	float:none;
	width:auto;
	margin-top:10px;
}
#contents .voice li img {
	width:100%;
}

/* JETPEEL */
#contents #jetpeel {
	padding-top:0px;
}
#contents #jetpeel .features {
	width:auto;
	margin:0px 10px;
	margin-bottom:20px;
}
#contents #jetpeel .features dt {
	float:none;
	width:auto;
	margin-bottom:1em;
}
#contents #jetpeel .features dd {
	float:none;
	width:auto;
}
#contents #jetpeel .features img {
	width:100%;
}
/* ジェットピールの効果が高い３つの理由 */
#contents #jetpeel .reason {
	padding-top:20px;
	margin-bottom:30px;
}
#contents #jetpeel .reason ul {
}

#contents #jetpeel .reason li {
	width:auto;
	margin-top:30px;
}
#contents #jetpeel .reason li h3 {
	font-size: 16px;
	line-height: 1.4em;
	font-weight: 500;
	background-image: url(../img/menu/jetpeel_reason_no1.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 50px;
	padding-top:3px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d8a9af;
	margin-bottom:5px;
	clear:both;
	background-size:auto 45px;
}
#contents #jetpeel .reason li img {
	position: relative;
	margin:15px 0px;
	width:86.5%;
	margin-left:13.5%;
}
#contents .message {
	text-align: center;
	background-image: url(../img/sp/menu/jetpeel_message.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:100% 100%;
	height: auto;
	padding: 20px;
	padding-bottom:15px;
	margin:0px;
	margin-bottom:30px;
}

/* クリスティーナ */
#contents #christina {
	padding-top:20px;
}
#contents #christina h2 {
	margin-bottom:20px;
}
#contents #christina .features {
	width: auto;
	background-image:none;
	margin: 0px 10px;
	margin-bottom:20px;
	padding-bottom:0px;
}
#contents #christina .features dt {
	float:none;
	margin-right:0px;
}
#contents #christina .features dt img {
	width:100%;
	margin-bottom:15px;
}
#contents #christina .features dd {
	float:none;
	width:auto;
}
#contents #christina .features dd p {
	text-align:left;
}
#contents #christina .features_logo {
	padding-left:10px;
	margin-bottom:30px;
}
#contents #christina .features_logo img {
	width:100%;
}
/* クリスティーナが肌の悩みを解放し、理想的な肌環境をつくります */
#contents #christina .item {
	padding-top:10px;
	margin-left:10px;
	margin-right:10px;
}
#contents #christina .item h2 {
	padding-bottom:0px;
}
/* アンストレストリートメント */
#contents #christina .item .unstress {
	width: auto;
	height: auto;
	padding-top:10px;
	margin: 0px auto;
	background-image:none;
}
#contents #christina .item .unstress dt h3 {
	font-size: 17px;
	line-height: 1em;
	font-weight: 500;
	margin-bottom:20px;
	text-align:center;
}
#contents #christina .item .unstress dt img {
	width:100%;
	margin-bottom:15px;
}
#contents #christina .item .unstress dd {
	background-color: #FFF;
	width: auto;
	padding:0px;
	padding-bottom:20px;
	padding-right:0px;
}
#contents #christina .item .unstress dd p {
	margin-bottom:1em;
}
#contents #christina .item .unstress dd img {
	width:65%;
	margin-left:35%;
}
/* イラストリアストリートメント */
#contents #christina .item .illustrious {
	width: auto;
	height: auto;
	margin: 20px auto;
	background-image: none;
	margin-top:30px;
}
#contents #christina .item .illustrious dt {
	width: auto;
	float:none;
}
#contents #christina .item .illustrious dt h3 {
	font-size: 17px;
	line-height: 1em;
	font-weight: 500;
	margin-bottom:20px;
	text-align:center;
}
#contents #christina .item .illustrious dt img {
	width:100%;
	margin-bottom:15px;
}
#contents #christina .item .illustrious dd {
	background-color: #FFF;
	width: auto;
	padding:0px;
	padding-bottom:20px;
	padding-right:0px;
	float:none;
}
#contents #christina .item .illustrious dd p {
	margin-bottom:1em;
}
#contents #christina .item .illustrious dd img {
	width:65%;
}
#contents #christina .voice h2 {
	margin-bottom:20px;
}

/* OHLハーブピーリング */
#contents #ohlherbs {
	padding-top:0px;
	margin-bottom:30px;
}
#contents #ohlherbs .features {
	width: auto;
	margin: 0px 10px;
	padding-left:0px;
}
#contents #ohlherbs .features dt {
	float:none;
}
#contents #ohlherbs .features dt img {
	width:100%;
	margin-bottom:15px;
}
#contents #ohlherbs .features dd {
	float:none;
	width:auto;
}
/* 画期的なハーブピーリングです */
#contents #ohlherbs .item {
	padding-top:20px;
	margin:0px 10px;
	margin-bottom:30px;
}
#contents #ohlherbs .item h2 {
	margin-bottom:10px;
}
#contents #ohlherbs .item dl {
	width: auto;
	height:auto;
	padding-top:0px;
	margin: 0px auto;
	background-image:none;
}
#contents #ohlherbs .item dd {
	background-color: #FFF;
	width: auto;
	padding:0px;
	padding-right:0px;
}
#contents #ohlherbs .item dd img {
	width:100%;
	margin-bottom:15px;
}
#contents #ohlherbs .voice h2 {
	margin-bottom:20px;
}

/* カーボキシー炭酸パック */
#contents #carboxy {
	padding-top:0px;
	margin-bottom:20px;
}
#contents #carboxy .features {
	width: auto;
	margin: 0px 10px;
	padding-left:0px;
}
#contents #carboxy .features dt {
	float:none;
	width:auto;
}
#contents #carboxy .features dt img {
	width:100%;
	margin-bottom:0px;
}
#contents #carboxy .features dd {
	float:none;
	width:auto;
}
/* カーボキシーの仕組み */
#contents #carboxy .item {
	padding-top:20px;
	margin:0px 10px;
	margin-bottom:20px;
}
#contents #carboxy .item h2 {
	margin-bottom:10px;
}
#contents #carboxy .item dl {
	width: auto;
	height:auto;
	padding-top:0px;
	margin: 0px auto;
	background-image:none;
}
#contents #carboxy .item dd {
	background-color: #FFF;
	width: auto;
	padding:0px 0px;
	padding-bottom:0px;
	padding-right:0px;
}
#contents #carboxy .item dd img {
	width:100%;
	margin-bottom:15px;
}
#contents #carboxy .voice h2 {
	margin-bottom:20px;
}
#contents #carboxy .to_price {
	text-align: center;
	margin-top: 30px;
}
#contents #carboxy .to_price img {
	width:280px;
}

}