@charset "utf-8";

/*-----------------------------------------------------------------
	Reset
-----------------------------------------------------------------*/

	html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,nav { margin:0; padding:0; }
	fieldset,img { border:0; }
	address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
	table {	border-collapse: collapse;border-spacing: 0; }
	caption,th,p,ol,dl,dt,dd { text-align:left;	}
	img,abbr,acronym,fieldset { border: 0; }
	ul,li { list-style:none; text-align: left;	}
	img { vertical-align:middle; }	
	h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal; }
	
/*-----------------------------------------------------------------
	Base
-----------------------------------------------------------------*/

	/*for IE 5.5-7*/
	div{ zoom:1; }
	/*for modern browser*/
	div:after,
	.clearer:after {
	content:" ";
	display: block;topbanner
	height:0.1px;
	clear:both;
	visibility:hidden;
	font-size: 0;
	line-height: 0;
	}
	* html div,
	* html .clearer { display: inline-block; }
	
	a:link,a:visited,a:active,a:focus,a:hover { color:#111; text-decoration:underline; }
	
	html { font-size: 62.5%; }
	body { font-size: 13px;	font-size: 1.3rem; }
	html,body { height:100%; }

	body{
	margin: 0;
	padding: 0;
	background: #fff;
	color: #111;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	}
		
	/*clearfix*/
	.clear{  clear:both; }	
	.clearfix {  min-height: 0.1rem; }	
	* html .clearfix {
	height: 0.1rem;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
	
	
	
	p,dl dt,dl dd{	line-height: 1.65em; }

	nav:not(.mm-menu) {  }
	
	
	/*a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s;
}*/
	
	/* more */
	.more { display:block; margin-top:1em; }	
	.more a { text-decoration:none; padding-bottom:5px; border-bottom: 2px solid #c59d5f; color:#c59d5f; letter-spacing:0.05em; font-size:1.8rem; transition: 0.3s; }
	.more a:hover {	border-bottom: 2px solid #fff; }
	
	
	img { max-width:100%; }
	
	
	
		
	
	
	
	/*-----------------------------------------------
	  商品詳細ページ
	-----------------------------------------------*/
	#product2 .inner {padding: 0 !important;	}
	#product2 p { letter-spacing:0em; }
	#product2 #headerWrap p { letter-spacing:0; }	
	
	#product2 #midashi { width:100%; margin:0 auto; text-align:center; padding:3rem 0 3rem 0; }
	#product2 #midashi .inner { width:100%;}
	#product2 #midashi p { text-align:center; line-height:100% }
	#product2 #midashi p.tt4 { width:60%;font-family: 'Roboto', sans-serif; padding: 0.6rem 0; font-size:1.3rem; color: #fff;background:#ff9550;  margin:10px auto; }
	#product2 #midashi p.tt5 span{ font-size: 50%;vertical-align: super;position: relative; }	
	#product2 #midashi p.tt5{ font-size:1.5rem; }	
	#product2 #midashi p.tt6 { font-family: 'Roboto', sans-serif; font-weight: 400; padding-top:0.5rem;  font-size: 3rem; letter-spacing:0; }
	#product2 #midashi p.tt6 span{font-size: 40%;vertical-align: super;position: relative; }
 
	#product2 .seibunBox { width:100%; margin:0 auto; background:#fff; padding:0; margin-bottom:1rem; } 
	#product2 .seibunBox .inner { margin:2rem 0; }	
	#product2 .seibunBox .inner_kc {  margin:2rem; }	
	#product2 .seibunBox .inner_kc p{ text-align:left; margin:1rem auto; }
	#product2 .seibunBox .inner_kc p span{ font-size:110%;padding-bottom:1rem;}			
	#product2 .orderBox { width:100%; margin:0 auto; background:#fff; padding:0; margin-bottom:1rem; } 
	#product2 .orderBox .inner { width:100%; margin:0 auto; }	
	#product2 .orderBox  .Img { width: 47%; float: right; padding-top: 2rem; }
	#product2 .orderBox  .Exp {  width: 47%;  float: left;padding-left: 1.5rem; }
	
	#product2 .orderBox  .itemCatch { padding-top: 3rem; font-size: 1.8rem; font-weight: bold; margin-bottom: 3rem; }
	#product2 .orderBox  .itemCatch_kc { padding-top:2rem; font-size: 1.8rem; font-weight: bold; margin-bottom: 1rem; }
	#product2 .itemExp { margin-bottom: 2rem; font-size: 1.2rem; line-height: 180%; }
	#product2 .itemExp_kc { letter-spacing:0; font-size: 1.6rem; line-height: 130%;text-align:left;padding-bottom:3rem;}
	#product2 .itemName { font-size: 1.4rem; font-weight: bold; }
	#product2 .itemName span { font-size: 1.3rem; font-weight: normal; padding-left:2rem; }
		#product2 .itemName_kc { font-size: 1.6rem; font-weight: bold;}
	#product2 .itemName_kc span { font-size: 50%;vertical-align: super;position: relative; }	
	#product2 .itemColor { font-size: 1.1rem; margin-bottom: 2rem; }
	#product2 .itemSpec { font-size: 1.1rem; }
		#product2 .itemPrice_kc { margin: 0; font-size: 1.4rem; }
	#product2 .itemPrice_kc span { font-size:1rem; }
		#product2 .itemSpec_kc { font-size: 1.4rem; margin: 0;}
	#product2 .itemPrice { margin: 2rem 0 0 0; font-size: 1.5rem; font-weight: bold; }
	#product2 .itemPrice span { font-size:1rem; }
	#product2 .itemPostage {  margin: 0 0 2rem 0; font-size: 1.4rem; font-weight: bold; color: #F03; }
	#product2 .itemSeibun { padding-top: 2rem;  font-size: 0.7rem; line-height: 1.5em; }	
	#product2 .ExpR { width: 460px; float: right; }	
	#product2 .whiteBox { background: #fff; }		
	#product2 #seibun { width:960px; margin:0 auto; text-align:right; margin-bottom:8rem; }
	#product2 #seibun .inner { float:right; width:95%; }
	#product2 #seibun .tt1 { font-size:2.8rem; text-align:center; margin-bottom:3rem; }
	#product2 #seibun .tt1 span { font-size:85%; }
	#product2 #seibun .tt2 { font-size:2.8rem; text-align:center; margin-bottom:3rem; }
	#product2 #seibun .sec { padding: 2rem 0; }
	#product2 #seibun .name { font-weight: bold; padding-top: 2rem; font-size: 1.6rem; margin-bottom: 1rem; }
	#product2 #seibun .exp { }
	#product2 #seibun img { margin-right: 0rem; }	
	#product2 #crystal { background:url(../product/images/bb_b/crystal_bg.png); background-size:cover; width:960px; margin:0 auto; margin-bottom:8rem; padding:2rem; }
	#product2 #crystal .inner { background:#fff; padding:4rem 0; }
	#product2 #crystal .Exp { text-align: left; float: left; width: 418px; }	
	#product2 #resipe_tt { background-color: rgba(0,0,0,0.75); padding: 1.6rem 0;　}
	#product2 #resipe { width:960px; margin:0 auto; margin-bottom:8rem; padding-top:6rem; }	
	#product2 #resipe .sec  { margin: 0 auto; margin-bottom: 6rem; }	
	#product2 #resipe h5 { text-align:center; font-size: 1.8rem; padding:1rem 0; margin-bottom: 4rem;}
	#product2 #resipe span.attBG { background:#FF0; padding:0 0.4em;}
	#product2 #resipe .ExpR { text-align:left; }
	#product2 #resipe #resipe02 .exp { float:left; width:460px; text-align:left; }
	#product2 #resipe .powdermBg { background: url(../cp_images/product/powder_m/tex.png) no-repeat right; }
	#product2 #resipe .powderpBg { background: url(../cp_images/product/powder_p/tex.png) no-repeat right; }	
	#product2 #resipe #resipe03 { background: #f9f9f2; padding: 3rem; }
	#product2 #resipe .inner { background: #fff; padding: 4rem 0; }		
	#product2 #ketsuron { width:960px; margin:0 auto; text-align:right; margin-bottom:8rem; }
	#product2 #ketsuron .inner { float:right; width:580px; }
	#product2 #resipe03 p,#product2 #resipe04 p,#product2 #resipe05 p { text-align:center; }

	
	#product2 #cep_cle #cleResipe05 .seibunBox { background:#FC9; padding-bottom:2rem; background:none; width:auto; margin:0; padding:0; margin-bottom:4rem; }
	#product2 #cep_cle #cleResipe05 .seibunBox .floatL { width:25%; }
	#product2 #cep_cle #cleResipe05 .seibunBox .floatR { width:70%; }
	#product2 #cep_cle #cleResipe05 .seibunBox .floatR p { font-size:1.6rem; text-align:left; }
	#product2 #cep_cle #cleResipe05 .seibunBox .floatR .tt { font-size:1.4rem; margin-bottom:0.4rem; line-height:140%; margin-bottom:2rem; padding-top:1.4rem; }
	#product2 #cep_cle #cleResipe05 .seibunBox .floatR .tt span { font-size:2.4rem; font-weight:bold; padding-top:2rem; }
	#product2 #cep_cle #cleResipe05 .seibun2_2 .seibunBox .floatR .tt span { display:block; padding-top:0.8rem; }
	
	#product2 #cleResipe06 { margin-bottom:4rem; }
	#product2 #cleResipe066 li { padding:4px 10px; margin-bottom:8px; background:#9CF; font-size:18px; }

	.btnBuy_kc a { font-size:1.8rem; text-decoration:none; color:#fff; background:#ff9550; letter-spacing:0.1em;  transition: 0.3s; padding:1rem 3rem; }
	.btnBuy_kc a:hover { background:#ffb45e; }	
	.btnBuy_kc2 a { font-size:2.7rem; text-decoration:none; color:#fff; background:#75c617; letter-spacing:0.2em;  transition: 0.3s; padding:2rem 5rem 2rem 5rem;font-weight:bold;}
	.btnBuy_kc2 a:hover { background:#b0f363; }	
		
	.btnBuy_kc3 a { text-align:center !important;font-size:2rem; text-decoration:none; color:#fff; background:#75c617; letter-spacing:0.2em;  transition: 0.3s; padding:2rem ;font-weight:bold;}
	.btnBuy_kc3 a:hover { background:#b0f363; }		
	.btnBuy_kc3{text-align: center !important;}	
	
	/*-----------------------------------------------------------------
	kombucha	Layout
	-----------------------------------------------------------------*/
	#kombucha_C .whiteBox { width:100%; margin:0 auto; margin-bottom:8rem; }
	#kombucha_C .whiteBox2 { background-image:url(../product/images/kombucha/bg_green.jpg);  position:relative; background-position:top left; background-repeat: no-repeat;background-color:#FFF; padding-top:100px;}
	#kombucha_C .inner {  margin:0 auto; }
	#kombucha_C p { text-align:center; font-size:1.8rem; line-height:1.5em; }
	#product2 #kombucha_C #resipe_tt { background-color:#f0c132; padding: 1.6rem 0; margin-bottom:6rem; letter-spacing:0.25em; font-size:2.2rem; color:#fff;}
	#kombucha_C .menu00 { margin-bottom:0rem; }
	#kombucha_C .menu00 p { font-size:1.2rem; line-height:135%; }
	#kombucha_C .menu00 .tt { margin-bottom:10px; }
	#kombucha_C .inner { margin-bottom:20px; }
	
	.mention_kc{font-size:1.1rem; color:#a2a2a2; text-align:left; margin:10px 0 0 0;}


	#cv_kc { width:90%; margin:1rem auto; border:10px solid #d7e59f; padding:10px 0; text-align:center; overflow:hidden; }
	.cv_kc1b{ float:right; width:60%; padding:11rem 0 0 0 ;background-image:url(../product/images/kombucha/freedelivery.gif); float:left; position:relative; background-position:top; background-repeat: no-repeat; }
	
	.itemPrice_kcb { font-weight:bold;font-size:1.4rem; text-align:center; }
	.cv_kc1b .itemPrice_kcb2 {  width:90%;font-size:1.4rem;font-weight:bold;text-align:center;color:#ff0000;border:2px solid #ff0000; padding:2px;}
	.cv_kc1b .itemPrice_kcb3 { font-size:1.6rem;text-align:center;margin-bottom:30px;}
		.cv_kc1b .itemPrice_kcb3 span{font-size:2.8rem;color:#ff0000;font-weight:bold;}
			.cv_kc1b .itemPrice_kcb4 { font-size:1.5rem;text-align:center;margin-top:5px;}
		.cv_kc1b .itemPrice_kcb4 span{font-size:1.6rem;color:#ff0000;font-weight:bold;}
	.waku_img{ float:left; width:40%;}
	.bbb{ font-size:2.2rem; text-align:center;letter-spacing:0;font-weight:bold;margin:0 0 30px 0; }
.bbb span{ color:#9ebc19;}

	.itemPricemention_kc{ margin: 10px; font-size: 1.4rem; line-height: 130%; text-align:left!important;padding:10px 0;}
	.itemPricemention_kc span{color:#ff0000;}
	

	
	#kombucha_C .kcResipe p.ttNo { font-family: 'Roboto', sans-serif; font-weight: 300; font-size:40px; line-height:115%;padding-top:20px;font-weight:bold; }
	#kombucha_C .kcResipe p.tt { font-size:24px; line-height:130%; margin-bottom:10px; }
	#kombucha_C .kcResipe p.tt span{ font-weight:bold; color:#ff6c00; }
	#kombucha_C .kcResipe p.ttSub { font-size:1.8rem; margin:1rem 2rem 1rem 2rem; text-align:left;}
	#kombucha_C .kcResipe p.ttSub span{ font-size:1.4rem;  float:right;}	
	
	#kcResipe01{padding:0 0 50px 0;}
	#kombucha_C #kcResipe01 p.desk { margin-bottom:2rem; }
	#kombucha_C #kcResipe01 p.desk span { display:block; padding-top:4px; font-size:18px;}
	#kombucha_C #kcResipe01 .wrap { width:100%; margin:0 auto; }
	#kombucha_C #kcResipe01 .wrap div { width:90%; text-align:center;margin:0 auto;}
	#kombucha_C #kcResipe01 .wrap div img { width:50%; }
.bg_sozai{width:100%;background-image:url(../product/images/kombucha/bg_sozai.jpg); float:left; position:relative; background-position:top center; background-repeat: no-repeat; background-size:cover; padding:80px 0px;}
.bg_sozai_inner{ background-color: rgba(255, 255, 255, 0.8); }

.bg_sozai2{width:100%;margin:100px 40px 80px 40px;}

	#kombucha_C #seibun {  padding:1.4rem; margin-top:4rem; }
	#kombucha_C #seibun p{ font-size:0.8rem; line-height:135%; text-align:left; text-align: justify; text-justify: inter-ideograph; }
	
#kombucha_C .sftxt{width:40%;font-size:1.4rem;text-align:left; padding-top:25px;margin:0 10px 0 0;}
#kombucha_C .sftxt span{font-weight:bold;font-size:1.7rem;text-align:left;}
#kombucha_C .sfimg{width:53%; margin-bottom:20px;}
#kombucha_C .10fla{width:90%;position:relative; }
.pcmemo{display:none;}
	/*-----------------------------------------------
	  サポート系ページ
	-----------------------------------------------*/


	#support { padding: 0 1.4rem; text-align:left; padding-top:2rem; }
	
	#support > h3 {  }
	#support > h4 { font-weight:bold; font-size:160%; padding-bottom:2rem; border-bottom:solid #ddd 1px; margin-bottom:2rem; text-align:left; }
	
		
	#support > article { padding:2rem 1rem; border-bottom: solid #e3e3e3 1px; }
	#support > article:last-child { border-bottom: none; }
	#support > article dl dt { font-size: 120%; font-weight: bold; margin-bottom:1rem; }
	#support > article dl dd dl dt { font-size: 100%; font-weight: bold; margin-bottom:0.5rem;  }
	#support > article dl dd dl dd { margin-bottom:1.5rem; }
	#support > article dl dd dl dd:last-child { margin-bottom:0; }
		
	
	#support > article table { width:100%; margin: 10px 0; border-top: solid #ccc 1px; border-left: solid #ccc 1px; }
	#support > article table th,
	#support > article table td { padding: 0.5rem 1rem; border-right: solid #ccc 1px; border-bottom: solid #ccc 1px;}
	#support > article table th { background: #efefef; }
/*-----------------------------------------------------------------
	FAQページ用CSS
-----------------------------------------------------------------*/
.midashi {
	font-weight:bold;
	margin-bottom:0.5rem;
	margin-top:1.5rem;
	font-size:16px;
	color:#666;
	background-image: url(../faq/images/midashi.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
	#faq_new a:link,#faq_new a:visited,#faq_new a:active,#faq_new a:focus,#faq_new a:hover { color:#4b4b4b; }
	
/*----------------------------------------------------*/
	.colCe{
	color: #C9C;
}
	.colK{
	color: #3CC;
}

/*----------------------------------------------------*/
	.faqBox { background:#FFF; }
	.faqBox a { color:#30F; }
	.faqBox { width:100%; border-bottom:solid 1px #ccc; }
	.faqBox dt { margin:0; }
	.faqBox dt {
	cursor:pointer;
	background-image: url(../faq/images/faq_q.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	border:solid 1px #ccc;
	border-bottom:none;
	font-size:14px;
	line-height:100%;
	background-color: #F5F5F5;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 46px;
}
	.faqBox dd{
	display:none;
	background-image: url(../faq/images/faq_a.png);
	background-repeat: no-repeat;
	background-position: 25px 15px;
	border:solid 1px #ccc;
	border-bottom:none;
	font-size:14px;
	line-height:140%;
	margin:0;
	padding:15px 15px 15px 56px;
}
	.faqBox dt.active{	}
	.faqBox dt.over { background-color: #efefef; }
	/*----------------------------------------------------*/

	.faqBox2 a { color:#30F; }
	.faqBox3 a { color:#30F; }
	.faqBox4 a { color:#30F; }
	.faqBox5 a { color:#30F; }
	.faqBox6 a { color:#30F; }
	.faqBox7 a { color:#30F; }
	.faqBox8 a { color:#30F; }
		.faqBox9 a { color:#30F; }
	.faqBox2 {
	background:#FFF;
	width:auto;
	border-bottom:solid 1px #ccc;
	cursor:pointer;
	background-image: url(../faq/images/faq_ar.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	border:solid 1px #ccc;
	border-bottom:none;
	font-size:14px;
	line-height:100%;
	text-align:left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 46px;
}
	.faqBox3 { background:#FFF; width:auto; border-bottom:solid 1px #ccc; 
	cursor:pointer;
	background-image: url(../faq/images/faq_ar2.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	border:solid 1px #ccc;
	border-bottom:none;
	padding:15px 15px 15px 46px;
	font-size:14px;
	line-height:100%;
		text-align:left;

}
	.faqBox4 { background:#FFF; width:auto; border-bottom:solid 1px #ccc; 
	cursor:pointer;
	background-image: url(../faq/images/faq_ar3.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	border:solid 1px #ccc;
	border-bottom:none;
	padding:15px 15px 15px 46px;
	font-size:14px;
	line-height:100%;
		text-align:left;

}
	.faqBox5 { background:#FFF; width:auto; border-bottom:solid 1px #ccc; 
	cursor:pointer;
	background-image: url(../faq/images/faq_ar4.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	border:solid 1px #ccc;
	border-bottom:none;
	padding:15px 15px 15px 46px;
	font-size:14px;
	line-height:100%;
		text-align:left;

}
	.faqBox6 { background:#FFF; width:auto; border-bottom:solid 1px #ccc; 
	cursor:pointer;
	background-image: url(../faq/images/faq_ar5.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	border:solid 1px #ccc;
	border-bottom:none;
	padding:15px 15px 15px 46px;
	font-size:14px;
	line-height:100%;
		text-align:left;

}
	.faqBox7 { background:#FFF; width:auto; border-bottom:solid 1px #ccc; 
	cursor:pointer;
	background-image: url(../faq/images/faq_ar6.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	border:solid 1px #ccc;
	border-bottom:none;
	padding:15px 15px 15px 46px;
	font-size:14px;
	line-height:100%;
		text-align:left;

}
	.faqBox8 { background:#FFF; width:auto; border-bottom:solid 1px #ccc; 
	cursor:pointer;
	background-image: url(../faq/images/faq_ar6.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	border:solid 1px #ccc;
	padding:15px 15px 15px 46px;
	font-size:14px;
	line-height:100%;
		text-align:left;
}
	.faqBox9{ background:#FFF; width:auto; border-bottom:solid 1px #ccc; 
	cursor:pointer;
	background-image: url(../faq/images/faq_ar6.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	border:solid 1px #ccc;
	padding:15px 15px 15px 46px;
	font-size:14px;
	line-height:100%;
			text-align:left;

}
/*----------------------------------------------------*/
	#faq_new .midashi_c1 {
	font-weight:bold;
	margin-bottom:0.5rem;
	margin-top:1.5rem;
	font-size:16px;
	color:#666;
	background-image: url(../faq/images/midashi_c1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
				text-align:left;

}
	#faq_new .midashi_c2 {
	font-weight:bold;
	margin-bottom:0.5rem;
	margin-top:1.5rem;
	font-size:16px;
	color:#666;
	background-image: url(../faq/images/midashi_c2.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
					text-align:left;

}
	#faq_new .midashi_c3 {
	font-weight:bold;
	margin-bottom:0.5rem;
	margin-top:1.5rem;
	font-size:16px;
	color:#666;
	background-image: url(../faq/images/midashi_c3.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
					text-align:left;

}
	#faq_new .midashi_c4 {
	font-weight:bold;
	margin-bottom:0.5rem;
	margin-top:1.5rem;
	font-size:16px;
	color:#666;
	background-image: url(../faq/images/midashi_c4.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
					text-align:left;

}
	#faq_new .midashi_c5 {
	font-weight:bold;
	margin-bottom:0.5rem;
	margin-top:1.5rem;
	font-size:16px;
	color:#666;
	background-image: url(../faq/images/midashi_c5.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
					text-align:left;

}
	#faq_new .midashi_c6 {
	font-weight:bold;
	margin-bottom:0.5rem;
	margin-top:1.5rem;
	font-size:16px;
	color:#666;
	background-image: url(../faq/images/midashi_c6.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
					text-align:left;

}
	#faq_new .midashi_c7 {
	font-weight:bold;
	margin-bottom:0.5rem;
	margin-top:1.5rem;
	font-size:16px;
	color:#666;
	background-image: url(../faq/images/midashi_c7.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
					text-align:left;

}