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

/* contents */
#detail_27830 {
	position: relative;
	width: 800px;
	background: #FFF;
    color: #433836;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 24px;
    line-height: 180%;
	text-align: left;
	overflow: hidden;
}
#detail_27830 img {
	display: block;
	margin: 0;
	border: 0;
	vertical-align: top;
}
#detail_27830 div,p {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
#detail_27830 dl,dt,dd,ol,ul,li {
	margin: 0;
	padding: 0;
}
#detail_27830 h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
#detail_27830 .italic {
	font-style: italic;
}
#detail_27830 .text-br01 {
	display: none;	
}
#detail_27830 .text-br02 {
	display: block;	
}

/*------ 共通パーツ ------*/
#detail_27830 .annotation {
	font-size: 22px;
	line-height: 160%;
}
#detail_27830 .annotation_small {
	font-size: 20px;
	line-height: 160%;
}
#detail_27830 .marker {
	background: linear-gradient(transparent 55%, #fff286 55%);
}
#detail_27830 .apply-btn {
	width: 720px;
	margin: 0 auto 60px;
}
#detail_27830 .apply-btn img {
	display: block;
	width: 100%;
	height: auto;
}
#detail_27830 .accent_green {
	color: #44815e;
}
#detail_27830 .accent_lime {
	color: #81862a;
}
#detail_27830 .accent_gold {
	color: #a88920;
}
#detail_27830 sup {
  font-size: 0.6em;
  vertical-align: super;
  line-height: 1;
}
	
/*------ 年齢とともに、体型の変化を感じていませんか？ ------*/
#detail_27830 .worry {
	background: #e6eaec;
}
#detail_27830 .worry-results {
	position: relative;
	width: 720px;
	margin: 40px auto 0;
	padding: 70px 40px 50px;
	border-radius: 10px;
	box-shadow: 0 0 30px 10px rgba(187, 198, 200, 0.3);
	background: #fff;
}
#detail_27830 .worry-results h3 {
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);	
}
#detail_27830 .worry-results .graph {
	margin: 35px auto;
}
#detail_27830 .worry .read {
	margin-top: -40px;
}

/*------ 茶花がすごい！ ------*/
#detail_27830 .chaka {
	margin-top: -80px;
	padding: 160px 60px 100px;
	background-image: url("../img/img_chaka.jpg");
}
#detail_27830 .chaka h3 {
	margin-bottom: 25px;
}
#detail_27830 .chaka p.annotation {
	margin-top: 20px;
}

/*------ チャカサポニンの3つの力 ------*/
#detail_27830 .benefits {
	position: relative;
	margin-bottom: 60px;
	padding-bottom: 55px;
	background: #f4f1ea;
}
#detail_27830 .benefits .chaka-illust {
	position: absolute;
	top: -60px;
	left: 153px;
}
#detail_27830 .benefits_info {
	width: 720px;
	margin: 0 auto;
	padding: 50px 40px;
	border-radius: 10px;
	box-shadow: 0 0 30px 10px rgba(218, 209, 186, 0.3);
	background: #fff;
}
#detail_27830 .benefits_info h4 {
	margin-bottom: 20px;
}
#detail_27830 .benefits_info .graph {
	margin: 35px auto 40px;
}
#detail_27830 .benefits_info2-3_wrapper {
	display: flex;
	justify-content: space-between;
}
#detail_27830 .benefits_info2-3 {
	width: 310px;
}
#detail_27830 .benefits_info2-3 p {
	margin: 20px auto 35px;
}
#detail_27830 .benefits .annotation {
	width: 720px;
	margin: 20px auto 0;
}

/*------ 茶花の7つの働き ------*/
#detail_27830 .chaka-benefits {
	margin-bottom: 60px;
	padding: 50px 0 30px;
	background: url("../img/bg_chaka-benefits.jpg") repeat;
}
#detail_27830 .chaka-benefits h3 img {
	margin: 0 auto;
}
#detail_27830 .chaka-benefits h5 img {
	margin: 60px auto 25px;
}
#detail_27830 .chaka-benefits .developer {
	position: relative;
	width: 720px;
	margin: 55px auto 60px;
	padding: 45px 40px;
	background: #f4f1ea;
}
#detail_27830 .chaka-benefits .developer p {
	margin-top: 25px;
}
#detail_27830 .chaka-benefits .developer .ishibashi {
	position: absolute;
	right: 0;
	bottom: 0;
}
#detail_27830 .chaka-benefits .annotation {
	width: 720px;
	margin: 0 auto;
	font-size: 22px;
	line-height: 160%;	
}
#detail_27830 .chaka-benefits_info {
	overflow: hidden;
	width: 720px;
	margin: 0 auto 30px;
	padding: 0 0 50px;
	border-radius: 10px;
	box-shadow: 0 0 30px 10px rgba(187, 198, 200, 0.3);
	background: #fff;
}
#detail_27830 .chaka-benefits_info p {
	width: 640px;
	margin: 0 auto;
}
#detail_27830 .chaka-benefits_txt1 {
	padding: 35px 0 0;
}
#detail_27830 .chaka-benefits_txt2 {
	padding: 35px 0 35px;
}
#detail_27830 .chaka-benefits p.annotation1 {
	width: 720px;
	margin: 0 auto 40px;
}
#detail_27830 .chaka-benefits_info p.annotation2 {
	width: 640px;
	margin: 0 auto 35px;
	text-align: right;
}
#detail_27830 .chaka-benefits_info p.annotation3 {
	width: 640px;
	margin: 0 auto;
}

/*------ スタッフの声 ------*/
#detail_27830 .staff-voice {
	background: #faf6e6;
	padding-bottom: 30px;
}
#detail_27830 .staff-voice_comment {
	display: flex;
  	justify-content: space-between;
  	gap: 20px;
	align-items: flex-start;
	width: 720px;
	margin: 0 auto 30px;
	padding: 40px;
	border: 1px solid #433836;
  	box-shadow: 4px 4px 0 #f2eacb;
	background: #fff;
}

/*------ お召し上がり方 ------*/
#detail_27830 .howto p {
	width: 680px;
	margin: 25px auto 55px;
}