/*________________________________________________________

00 cmn
________________________________________________________*/

h2 {
	text-align: center;
	letter-spacing: .2em;
}
.pageTtl h2 {
	position: relative;
	margin: 0;
	letter-spacing: .1em;
	color: #FFF;
}
.pageTtl h2::after {
	position: absolute;
	content: '';
	height: 3px;
	top: 0;
	left: 0;
	right:0;
	margin: auto;
}
.tamanegi { background-color: #8d6e48;}
.ninjin { background-color: #f6613b;}
.shouga { background-color: #7f966e;}
.gobou { background-color: #b1559a;}
.cmn { background-color: #7ebb49;}

.tamanegi h2::after  { background-color: #cec1b2;}
.ninjin h2::after  { background-color: #ffc3b4;}
.shouga h2::after  { background-color: #c3d3b7;}
.gobou h2::after  { background-color: #d4aac9;}
.cmn h2::after  { background-color: #afdb89;}

.subpage h3 {
	padding: 16px 8px;
	font-size: 150%;
	text-align: center;
	letter-spacing: .1em;
	color: #919191;
	background-color: #cdcdcd;
}
.subpage h4 {
	color: #f39800;
	text-align: center;
	font-size: 140%;
	font-weight: normal;
}

/*________________________________________________________

01 index
________________________________________________________*/

/* メインビジュアル
---------------------------------------- */
.mainImg {
	text-align: center;
	background: url(../img/top/bg_main.jpg) center center no-repeat;
	background-size: cover;
}
.mainImg h2 {
	margin: 0;
}

/* 8つの力
---------------------------------------- */
.feature {
	background: url(../img/top/bg_feature.jpg) center center no-repeat;
	background-size: cover;
	text-align: center;
}
.feature h2 {
	margin-top: 0;
	color: #FFF;
}
.feature h2 strong {
	color: #7ebb49;
}
.feature li {
	display: inline-block;
	vertical-align: top;
	background: url(../img/top/bg_circle.png) center center no-repeat;
	background-size: cover;
}
.feature li strong {
	display: inline-block;
	margin-right: 4px;
	color: #fa4a00;
	border-bottom: 3px solid #fa4a00;
}
.feature li span {
	display: inline-block;
	margin-right: 4px;
	font-size: 170%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.feature li span.num {
	display: block;
	margin-bottom: -16px;
	color: #ffb0a0;
	font-size: 280%;
}
.feature li span.small {
	display: block;
	margin-top: -12px;
}


/* 商品
---------------------------------------- */
.item li {
	text-align: center;
}
.item li h3 {
	position: relative;
}
.item li h3::after {
	position: absolute;
	content: '';
	height: 3px;
	width: 180px;
	bottom: -40px;
	top: 0;
	left: 0;
	right:0;
	margin: auto;
}
.item li:first-child h3 { color: #8d6e48;}
.item li:nth-child(2) h3 { color: #f6613b;}
.item li:nth-child(3) h3 { color: #7f966e;}
.item li:nth-child(4) h3 { color: #b1559a;}

.item li:first-child h3::after  { background-color: #cec1b2;}
.item li:nth-child(2) h3::after  { background-color: #ffc3b4;}
.item li:nth-child(3) h3::after  { background-color: #c3d3b7;}
.item li:nth-child(4) h3::after  { background-color: #d4aac9;}

.item li img {
	display: block;
}
.item li strong {
	display: block;
}
.item li span {
	font-size: 80%;
	line-height: 1.2;
}

/*________________________________________________________

 下層ページ
________________________________________________________*/

/* 会社概要
---------------------------------------- */
.history li {
	padding: 8px;
	border-bottom: 1px dashed #CCCCCC;
}
.history li:last-child {
	border: none;
}

/* 商品紹介
---------------------------------------- */
.power {
	margin-bottom: 40px;
	padding-bottom: 24px;
}
.power p {
	padding: 24px 0;
	color: #be1e1e;
	font-weight: bold;
	text-shadow: 2px 2px 5px #FFFFFF;
}
.power table {background-color: #FFF; font-size: 90%;}
.power th, .power td {
	padding: 8px 16px;
	border-bottom: 2px solid  #cec1b2;
}
.power th { color: #FFF;}


/* 玉ねぎ
---------------------------------------- */
.subpage .tamanegiBox h3 {
	background-color: #cec1b2;
	color: #8d6e48;
}
.tamanegiBox { background-color: #f2eae1;}
.tamanegiBox p { background: url(../img/item/bg_tamanegi.png) 95% center no-repeat;}
.tamanegiBox th {background-color: #8d6e48;}

/* にんじん
---------------------------------------- */
.subpage .ninjinBox h3 {
	background-color: #ffc3b4;
	color: #f6613b;
}
.ninjinBox { background-color: #ffe1da;}
.ninjinBox p { background: url(../img/item/bg_ninjin.png) 95% center no-repeat;}
.ninjinBox th {background-color: #f6613b;}

/* 生姜
---------------------------------------- */
.subpage .shogaBox h3 {
	background-color: #c3d3b7;
	color: #7f966e;
}
.shogaBox { background-color: #e4ecde;}
.shogaBox p { background: url(../img/item/bg_shoga.png) 95% center no-repeat;}
.shogaBox th {background-color: #7f966e;}

/* ごぼう
---------------------------------------- */
.subpage .goboBox h3 {
	background-color: #d4aac9;
	color: #b1559a;
}
.goboBox { background-color: #f3e5ef;}
.goboBox p { background: url(../img/item/bg_gobo.png) 95% center no-repeat;}
.goboBox th {background-color: #b1559a;}



/*________________________________________________________

 contact
________________________________________________________*/

.textArea::after {
	display: block;
	margin-top: 16px;
	font-size: 85%;
	color: #666;
	line-height: 1.5;
}