@charset "UTF-8";

/* --------------------------------------------------------------------
	商品ページ　共通
--------------------------------------------------------------------- */
/*--------------------------------------
	Q&A PC
--------------------------------------*/
#qa_box{
	display: block;
	padding-bottom: 40px;
	margin-bottom: 60px;
}

#qa_box h3 {
	background-color: #00893a;
	color: #ffffff;
	font-size: 2.6rem;
	font-weight: bold;
	padding: 4px 0.5em;
	margin-bottom: 29px;
}

#qa_box .qa_sub_box{
	width: 960px;
	margin-top: 20px;
	margin-left: 60px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-bottom: 20px;
}

#qa_box .qa_sub_box .r_01{
	width: 480px;
	float: left;
	padding: 20px;
}

#qa_box .qa_sub_box .r_02{
	width: 480px;
	float: right;
	padding-bottom: 10px;
}

#qa_box .qa_sub_box2{
	width: 960px;
	margin-left: 60px;
	margin-top: 20px;
}

#qa_box .qa_sub_box2 .r_01{
	width: 480px;
	float: left;
}

#qa_box .qa_sub_box2 .r_02{
	width: 480px;
	float: right;
}

#qa_box .qa_sub_box .r_01 .q{
	font-size: 125%;
	padding-top: 10px;
	color: #008945;
	font-weight: bold;
}

#qa_box .qa_sub_box .r_02 .a{
	font-size: 125%;
	color: #333333;
	padding-top: 10px;
}

#qa_box .qa_sub_box2 .r_01 .q{
	font-size: 125%;
	color: #008945;
	padding-top: 10px;
	font-weight: bold;
}

#qa_box .qa_sub_box2 .r_02 .a{
	font-size: 125%;
	color: #333333;
	padding-top: 10px;
}



/*-------clearfix--------*/
* html .clearFix {
		zoom: 1;
	}

*+html .clearFix {
		zoom: 1;
	}

.clearFix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}


/* 上マージン */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px;}
.mt20 {margin-top:20px;}
.pt20 {padding-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt106 {margin-top:300px;}

/* ↓マージン */
.mb05  {margin-bottom:5px;}
.mb10  {margin-bottom:10px;}
.mb20  {margin-bottom:20px;}
.mb30  {margin-bottom:30px;}
.mb40  {margin-bottom:40px;}
.mb50  {margin-bottom:50px;}
.mb60  {margin-bottom:60px;}
.mb80  {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb150 {margin-bottom:150px;}
.mb200 {margin-bottom:200px;}

/* 左マージン */
.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:11px;}
.ml20 {margin-left:20px;}
.ml24 {margin-left:24px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

/* 右マージン */
.mr05 {margin-right:5px;}
.mr07 {margin-right:7px;}
.mr08 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr40 {margin-right:40px;}

/* センター */
ul.center{text-align: center;}
ul.center li{text-align: center;}

/* 太字 */
h3.bold{
	font-size: 125%;
	font-weight: bold;
}

/* お客様の声への回答 */
p.voice{
	font-size: 1.6rem;
	line-height: 1.7;
}

p.recipeKuro{
	font-size: 2.5rem;
	line-height: 2.6;
	text-align: center;
}

/* 素材ページ */
.shui img {
	text-align: center;
	margin-bottom: 30px;
}
.shui p {
	font-size: 2.0rem;
	margin-top: 10px;
	margin-bottom: 30px;
	line-height: 2.0;
}
.shui h1{
	text-align: center;
	margin-bottom: 30px;
}	
.shui h2{
	color: darkorange;
	font-size: 3.5rem;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 30px;
	}
.shui h3{
	color: darkorange;
	font-size: 2.5rem;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
	}
.shui h4{
	font-size: 2rem;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
}
.shuibox{
	border: solid 3px #dcdcdc;
	width:500px;
	margin: 5em;
}
.shuiindex{
	margin-top: 20px;
	margin-left: 10px;
}
.shuiindexs{
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.shuiheading{
	font-size: 2.5rem;	
}
.shuiimg{
	text-align: center;
}
.shuilead{
	font-size: 2.5rem;		
	font-weight: bold;
}
.marker1{
	margin-top: 20px;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
.marker2{
	margin-top: 20px;
	font-size: 2.5rem;
	font-weight: bold;
	background: linear-gradient(transparent 80%, #ffff66 80%);
}
.marker3{
	background: linear-gradient(transparent 80%, #ffff66 80%);
}
.marker4{
	border-bottom: solid 1px black;
	font-weight: bold;
}
.sns{
	text-align: right;
	}