@charset "UTF-8";

/* common
--------------------------------------------------*/

.basicTips .ttl{
	font-size: 16px;
	text-align: center;
}
.basicTips p {
	font-size: 12px;
}




/* #kv
--------------------------------------------------*/

#kv .photo {
	background-image: url(../img/sp/img_kv.jpg);
}




/* #intro
--------------------------------------------------*/

#intro {
	padding-bottom: 15px;
}
	#intro .basicTips .ttl {
		margin-bottom: 25px;
		line-height: 1.6875;
	}
		#intro .figure {
			max-width: 516px;
			width: 92.1429%;
			margin: 0 auto;
		}




/* #about
--------------------------------------------------*/

#about {
	padding-top: 15px;
	padding-bottom: 15px;
}
	#about .commonTips .ttl {
		letter-spacing: -0.9px;
	}




/* #detox
--------------------------------------------------*/

#detox {
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: hidden;
}
	#detox .commonTips .figure {
		margin-bottom: 15px;
	}




/* #effect
--------------------------------------------------*/

#effect {
	padding-top: 15px;
	padding-bottom: 45px;
}
	#effect li {
		position: relative;
		float: left;
		max-width: 275px;
		width: 49.1072%;
		min-height: 30px;
		line-height: 1.5;
		margin-left: 1.7857%;
		background-color: #FBF0E8;
		padding-left: 25px;
		box-sizing: border-box;
		font-size: 12px;
		margin-bottom: 5px;
		padding: 6px 10px 7px 25px;
	}
		#effect li:nth-child(2n+1) {
			margin-left: 0;
			clear: both;
		}
		#effect li:last-child,
		#effect li:nth-child(5) {
			margin-left: 0;
			margin-bottom: 5px;
			max-width: 560px;
			width: 100%;
			float: none;
		}
		#effect li:before {
			content: "";
			position: absolute;
			background: url(../../img/common/sp/icon_check.png) 
			no-repeat center / contain;
			width: 15px;
			height: 13px;
			top: 9px;
			left: 7px;
		}

	#effect .notes {
		font-size: 12px;
		text-align: right;
		line-height: 1;
	}




/* #constitution
--------------------------------------------------*/

#constitution {
	padding-top: 25px;
	padding-bottom: 20px;
	background-color: #eee8e1;
}
	#constitution .constitutionBox {
		border: 1px solid #afa8a4;
		background-color: #fff;
		padding: 15px;
	}
	#constitution .constitutionBox + .constitutionBox {
		margin-top: 20px;
	}
		#constitution .listBox {
			text-align: center;
		}
			#constitution .listBox .ttlBox {
				display: inline-block;
			}
				#constitution .listBox .ttlBox .listTtl {
					padding-left: 10px;
					float: left;
					font-size: 16px;
				}
					#constitution .constitutionBox .ttlBox .icon {
						max-width: 23px;
						float: left;
					}
					#constitution .constitutionBox .ttlBox .icon + .icon{
						padding-left: 5px;
					}
					#constitution .listBox .listTxt {
						font-size: 13px;
						color: #5f5049;
						padding-bottom: 15px;
						line-height: 2;
					}
		#constitution .constitutionBox .txt {
			font-size: 12px;
			color: #916736;
			padding-top: 15px;
			border-top: 1px solid #999;
			line-height: 1.9;
		}




/* #flow
--------------------------------------------------*/

#flow {
	padding-top: 45px;
	padding-bottom: 25px;
}
	#flow .commonTips .figure {
		margin-bottom: 15px;
	}
	#flow .commonTips .txt {
		margin-bottom: 30px;
	}
	#flow .slider {
		border: none;
		margin-bottom: 0;
	}
		#flow .slider li {
			border: 1px solid #333;
		}
		#flow .slider .sliderBox {
			max-width: 460px;
			margin: 6% 8.7285%;
		}
			#flow .slider li .figure {
				max-width: 140px;
				width: 30.4348%;
				float: left;
			}
			#flow .slider li .txtBox {
				max-width: 295px;
				float: left;
				margin-left: 5.4347%;
				width: 64.1305%;
			}
				#flow .slider li .txtBox .ttl {
					font-size: 12px;
					line-height: 1;
				}
				#flow .slider li .txtBox .txt {
					font-size: 10px;
					margin-top: 5px;
				}

			#flow .slider .slick-prev,
			#flow .slider .slick-next {	
				opacity: 1;
				max-width: 18px;
				width: 2.2143%;
				max-height: 32px;
				margin: 0;
				transform: translateY(-6px);
				z-index: 999;
			}
			#flow .slider .slick-prev {
				left: 2.5%;				
			}
			#flow .slider .slick-next {
				right: 2.5%;
			}
				#flow .slider .slick-prev:before,
				#flow .slider .slick-next:before {
					content: "";
					background-repeat: no-repeat;
					background-size: contain;
					width: 100%;
					height: 100%;
					display: block;
				} 
				#flow .slider .slick-prev:before {
					background-image: url(../../img/common/sp/btn_prev.png);
				}
				#flow .slider .slick-next:before {
					background-image: url(../../img/common/sp/btn_next.png);
				}

/* #recommend(口コミボタン)
--------------------------------------------------*/
#recommend .btn {
		max-width: 390px;
		width: 69.6429%;
		margin: 0 auto;
	}

/* #price
--------------------------------------------------*/

#price {
	padding-top: 25px;
	padding-bottom: 35px;
}
	#price .priceList {
		margin-bottom: 20px;
	}
		#price .priceList li + li {
			margin-top: 15px;
		}
			#price .priceList h4 {
				background-color: #CE5F23;
				color: #fff;
				font-size: 16px;
				line-height: 1.5;
				padding: 7px 10px;
				margin-bottom: 10px;
			}
			#price .priceList h4 .option {
				background-color: #fff;
				color: #CE5F23;
				line-height: 1;
				display: inline-block;
				font-size: 12px;
				margin-right: 5px;
				padding: 2px 4px 3px;
				vertical-align: middle;
				transform: translateY(-2px);
			}
			#price .priceList h5 {
				color: #CE5F23;
				margin-bottom: 5px;
				font-size: 16px;
				line-height: 1.5;
			}
			#price .priceList .priceTxt {
				text-align: right;
				margin-bottom: 5px;
				font-size: 16px;
			}
				#price .priceList .priceTxt .large {
					font-size: 18px;
				}
				#price .priceList .priceTxt .small {
					font-size: 10px;
				}
				#price .priceList .priceTxt .small:first-child {
					padding-right: 5px;
				}
			#price .priceList .listTxt {
				font-size: 14px;
			}
			#price .priceList .notes {
				font-size: 12px;
			}


@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
	#price .priceList h4 {
		padding-top: 10px;
	}
}




/* #question
--------------------------------------------------*/

#question {
	padding-top: 15px;
	padding-bottom: 15px;
}
	#question .questionBox li + li {
		margin-top: 20px;
	}
		#question .questionBox .qTxt {
			position: relative;
			box-sizing: border-box;
			padding-left: 30px;
			padding-bottom: 10px;
		}
			#question .questionBox .qTxt:before {
				content: "";
				position: absolute;
				background: url(../../img/common/sp/icon_question.png) 
				no-repeat no-repeat center / contain;
				width: 23px;
				height: 30px;
				top: -4px;
				left: 0;
			}
		#question .questionBox .aTxt {
			position: relative;
			box-sizing: border-box;
			padding-left: 30px;
			font-size: 12px;
		}
			#question .questionBox .aTxt:before {
				content: "";
				position: absolute;
				background: url(../../img/common/sp/icon_answer.png) 
				no-repeat center / contain;
				width: 23px;
				height: 30px;
				top: -4px;
				left: 0;
			}




/* #recommend
--------------------------------------------------*/

#recommend {
	padding-top: 15px;
	padding-bottom: 15px;
}
	#recommend .commonTips {
		margin-bottom: 20px;
	}
	#recommend .recommendBox {
		margin-bottom: 30px;
	}
		#recommend .recommendBox .txt {
			position: relative;
			background-color: #FBF0E8;
			border-radius: 10px;
			padding: 15px;
			margin-bottom: 15px;
		}
		#recommend .recommendBox .txt:before {
			content: "";
			position: absolute;
			bottom: -29px;
			right: 22.75%;
			background-image: url(../img/sp/recommend_item.png);
			background-repeat: no-repeat;
			background-size: contain;
			max-width: 33px;
			width: 100%;
			max-height: 43px;
			height: 100%;
			z-index: -1;
		}
		#recommend .recommendList .recommendBox .flexBox {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
		}
			#recommend .recommendList .recommendBox .flexBox .leftBox {
				max-width: 370px;
				width: 66.0715%;
			}
				#recommend .recommendList .recommendBox .flexBox .leftBox .txtContents {
					color: #CE5F23;
				}
			#recommend .recommendList .recommendBox .flexBox .rightBox {
				max-width: 166px;
				width: 29.6429%;
				margin-left: 4.285%;
			}

	/* #recommend .btn {
		max-width: 390px;
		width: 69.6429%;
		margin: 0 auto;
	} */