@charset "UTF-8";
body {
}

.txt_orange {
	color       : #ffae00;
	font-weight : bold;
}

li {
	list-style : none;
}

/*ヘッダー*/
#head_cts {
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	width              : 960px;
	height             : 70px;
	padding-top        : 20px;
	margin             : 0 auto;
}

@media screen and (max-width : 960px) {
	#head_cts {
		width : 667px;
	}
}

@media screen and (max-width : 667px) {
	#head_cts {
		width   : 100%;
		height  : 50px;
		padding : 10px;
		-webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box;
	}
}

#head_cts h1 {
	/*width : 196px;*/
	float : left;
}

@media screen and (max-width : 667px) {
	#head_cts h1 {
		width : 140px;
	}
	#head_cts h1 img{
		width : 100%;
		height :auto;
	}
}

#head_cts p {
	width : 118px;
	float : right;
}

/*メイン背景*/
#area01 {
	background      : url(../images/leaf_bg_topleft.gif) no-repeat left top, url(../images/leaf_bg_topright.gif) no-repeat right top, url(../common/images/bg_pattern.gif) repeat center top;
	-pie-background : url(../images/leaf_bg_topleft.gif) no-repeat left top, url(../images/leaf_bg_topright.gif) no-repeat right top, url(../common/images/bg_pattern.gif) repeat center top;
	text-align      : center;
}

@media screen and (max-width : 667px) {
	#area01 {
		padding-bottom : 10px;
		background     : url(../common/images/bg_pattern.gif) repeat center top;
	}
}

/*メイン*/
#mainV {
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	width              : 960px;
	padding            : 80px 20px 60px;
	margin             : 0 auto;
	text-align         : center;
	/* overflow: hidden;
 *zoom: 1; */
}

#mainV h1 {
	margin-bottom : 50px;
}

#mainV h1.sp_view {
	display : none;
}

/*
#mainV img {
	width: 100%;
} */
#mainV p:first-of-type {
	line-height   : 2.0;
	margin-bottom : 60px;
}

@media screen and (max-width : 960px) {
	#mainV {
		width : 667px;
	}

	#mainV img {
		width  : 100%;
		height : auto;
	}
}

@media screen and (max-width : 667px) {
	#mainV {
		width   : 100%;
		padding : 20px;
	}

	#mainV p {
		text-align : left;
	}
	#mainV p:first-of-type{
		margin-bottom : 30px;
	}

	#mainV p br {
		display    : none;
		text-align : left;
	}

	#mainV h1 {
		display : none;
	}

	#mainV h1.sp_view {
		margin  : 30px 0 50px;
		display : block;
	}
}

/*エリア2*/
#area02 {
	background-color : #765C34;
	position         : relative;
	z-index          : 10;
}

#area02 p {
	margin-bottom : 30px;
}

/*
#area02 img {
	width: 100%;
} */
#area02 #about.sect {
	background : none;
	box-sizing : border-box;
	width      : 960px;
	margin     : 0 auto;
	padding    : 60px 20px;
}

#area02 .f_left {
	float         : left;
	box-sizing    : border-box;
	width         : 660px;
	padding-right : 50px;
}

#area02 .f_left h2 {
	width : 360px;
}

#area02 .f_right {
	float : right;
	/*	width: 30%; */
}

#area02 #about-bottom {
	clear : both;
}

#area02 .dbg-middle {
	padding : 0 60px;
}

#area02 .dbg-middle:after {
	content    : ".";
	display    : block;
	height     : 0;
	font-size  : 0;
	clear      : both;
	visibility : hidden;
}

#area02 .dbg-middle h2 {
	border-bottom : solid 1px #FFF;
	padding       : 0 0 10px;
}

#area02 .dbg-middle p {
	margin-bottom : 0;
}

#area02 .dbg-middle h2 {
	text-align : left;
}

/*
#area02 .dbg-middle h2 img {
	width: 70%;
} */
#area02 .dbg-middle .f_left {
	box-sizing    : border-box;
	padding-right : 40px;
	width         : 30%;
}

#area02 .dbg-middle .f_right {
	text-align : left;
	width      : 70%;
}

#area02 .dbg-bottom {
	clear : both;
	width : 100%;
}

@media screen and (max-width : 960px) {
	#area02 #about.sect {
		width : 667px;
	}

	#area02 .dbg-middle {
		padding : 0 40px;
	}

	#area02 img {
		width  : 100%;
		height : auto;
	}

	#area02 .f_left {
		float         : left;
		box-sizing    : border-box;
		width         : 70%;
		padding-right : 50px;
	}

	#area02 .f_right {
		float : right;
		width : 30%;
	}
}

@media screen and (max-width : 667px) {
	#area02 #about.sect {
		box-sizing : border-box;
		width      : 100%;
		padding    : 30px 20px;
	}

	#area02 .f_left {
		display : block;
		width   : 100%;
		padding : 0;
	}

	#area02 .f_left h2 {
		width : 100%;
	}

	#area02 .f_right {
		display : none;
		/* 	width: 100%;
			padding: 0; */
	}

	#area02 .f_left img {
		/* width: 100%; */
	}

	#area02 .dbg-middle {
		margin  : 40px;
		padding : 40px;
		border  : solid 1px #FFF;
	}

	#area02 .dbg-middle h2 {
		border-bottom : none;
		padding-top   : 10px;
	}

	#area02 .dbg-middle ul {
		display : none;
	}

	#area02 .dbg-middle .f_left {
		display : block;
		width   : 100%;
		padding : 0;
	}

	#area02 .dbg-middle .f_right {
		display : block;
		width   : 100%;
		padding : 0;
	}
}

/*エリア3*/
#area03 {
	background      : url(../images/leaf_bg_topleft.gif) no-repeat left top, url(../images/leaf_bg_topright.gif) no-repeat right top, url(../images/leaf_bg_bottomleft.gif) no-repeat left bottom, url(../images/leaf_bg_bottomright.gif) no-repeat right bottom, url(../common/images/bg_pattern.gif) repeat center top;
	-pie-background : url(../images/leaf_bg_topleft.gif) no-repeat left top, url(../images/leaf_bg_topright.gif) no-repeat right top, url(../images/leaf_bg_bottomleft.gif) no-repeat left bottom, url(../images/leaf_bg_bottomright.gif) no-repeat right bottom, url(../common/images/bg_pattern.gif) repeat center top;
	padding-top     : 40px;
}

#area03 #details {
	background : none;
	box-sizing : border-box;
	width      : 960px;
	margin     : 0 auto;
	padding    : 60px 20px;
}

#area03 p.txt_area {
	clear      : both;
	width      : 100%;
	text-align : left;
	padding    : 60px 0;
}

/*
#area03 img {
	width: 100%;
} */
#area03 .f_left {
	display        : table-cell;
	box-sizing     : border-box;
	width          : 640px;
	padding-right  : 30px;
	vertical-align : top;
}

#area03 #details h2 {
	padding-bottom : 20px;
	width          : 60%;
}

/*
#area03 .f_left img {
	width: 100%;
} */
#area03 .f_right {
	display : table-cell;
	width   : 300px;
}

@media screen and (max-width : 960px) {
	#area03 #details {
		width : 667px;
	}

	#area03 #details h2 img {
		display : block;
	}

	#area03 #details img {
		display : none;
	}

	#area03 .f_left {
		display : block;
		width   : 100%;
		padding : 0;
	}

	#area03 .f_right {
		display : none;
	}
}

@media screen and (max-width : 667px) {
	#area03 {
		background : none;
	}

	#area03 #details {
		box-sizing : border-box;
		width      : 100%;
		padding    : 20px;
	}

	#area03 #details h2 {
		width : 100%;
	}

	#area03 #details h2 img {
		width  : 100%;
		height : auto;
	}
}

/*ラインナップ*/
#though_lineup {
	box-sizing : border-box;
	width      : 960px;
	padding    : 0 20px;
	margin     : 0 auto;
	text-align : center;
}

#though_lineup h2 {
	margin-bottom : 30px;
}

/*
#though_lineup h2 img {
	width: 50%;
} */
#though_lineup .container {
	box-sizing : border-box;
	width      : 100%;
	border-top : solid 1px #c4b9a9;
}

#though_lineup ul li {
	box-sizing    : border-box;
	list-style    : none;
	width         : 25%;
	/* display: table-cell; */
	float         : left;
	border-left   : solid 1px #c4b9a9;
	border-bottom : solid 1px #c4b9a9;
	padding       : 20px;
}

#though_lineup ul li:last-child,
#though_lineup ul li:nth-of-type(4n) {
	border-right : solid 1px #c4b9a9;
}

#though_lineup ul li p {
	margin-bottom : 10px;
	height        : 180px;
}

#though_lineup ul li p img {
	height : 100%;
	width  : auto;
}

#though_lineup dl {
	height : 240px;
}

#though_lineup dl dt {
	font-weight : bold;
	font-size   : 16px;
	text-align  : center;
	height      : 50px;
	line-height : 50px;
}

#though_lineup ul li.acai dl dt {
	color : #CA4BA8;
}

#though_lineup ul li.acai dl dt {
	color : #CA4BA8;
}
#though_lineup ul li.chia dl dt {
	color : #ff8a01;
}

#though_lineup ul li.coix dl dt {
	color : #5f170c;
}

#though_lineup ul li.kelp dl dt {
	color : #004d36;
}

#though_lineup ul li.smooc dl dt {
	color : #9373b9;
}

#though_lineup ul li.coco_oil dl dt {
	color : #6e4640;
}

#though_lineup ul li.coco_bot p img {
	padding-top : 10%;
	height      : 90%;
}

#though_lineup ul li.coco_bot dl dt {
	line-height : 25px;
	color       : #919534;
}

#though_lineup ul li.coco_bot p img {
	padding-top : 10%;
	height      : 90%;
}

#though_lineup ul li.ricemilk dl dt {
	color : #2659a5;
}
#though_lineup ul li.quinoa dl dt {
	color : #221815;
}
#though_lineup ul li.coco_suger dl dt {
	color : #ec6d88;
}
#though_lineup ul li.agave dl dt {
	color : #5c9043;
	line-height : 25px;
}
#though_lineup ul li.agave p img {
	padding-top : 10%;
	height      : 90%;
}
#though_lineup ul li.agave p img {
	padding-top : 10%;
	height      : 90%;
}
#though_lineup ul li.coix_candy dl dt {
	color : #c0040b;
}
#though_lineup ul li.chia_candy dl dt {
	color : #e5337f;
}
#though_lineup ul li.maca dl dt {
	color : #e96966;
}
#though_lineup ul li.dragon_fruit dl dt {
	color : #cd2c4a;
	line-height : 25px;
}
#though_lineup ul li.charcoal dl dt {
	color : #da195d;
	line-height : 25px;
}
#though_lineup ul li.baby_cereal dl dt {
	color : #f57834;
	line-height : 25px;
}
#though_lineup ul li.kurozu_candy dl dt {
	color : #e77a20;
}
#though_lineup ul li.tigernuts dl dt {
	color : #fcc800;
}
#though_lineup ul li.goldenberries dl dt {
	color : #EA6101;
}
#though_lineup ul li.greencitrus dl dt {
	color : #eb6153;
	line-height : 25px;
}
#though_lineup ul li.superfine-green dl dt {
	color : #009b6b;
	line-height : 25px;
}
#though_lineup ul li.nattokinase dl dt {
	color : #b60005;
}
#though_lineup ul li.finespice dl dt {
	color : #ff3421;
}
#though_lineup ul li.green_smooc dl dt {
	color : #00a74a;
	line-height : 25px;
}#though_lineup ul li.red_beet dl dt {
	color : #bc204b;
	line-height : 25px;
}





#though_lineup dl dd {
	font-size  : 14px;
	text-align : left;
}


sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
	top: -.5em;
}


@media screen and (max-width : 960px) {
	#though_lineup {
		width : 667px;
	}

	#though_lineup ul li {
		padding : 20px;
	}

	#though_lineup ul li p {
		height : 120px;
	}

	#though_lineup dl {
		height : 60px;
	}

	#though_lineup dl dt {
		line-height   : 1.2;
		height        : auto;
		margin-bottom : 0;
	}

	#though_lineup dl dd {
		display : none;
	}

	#though_lineup ul li.coco_bot dl dt,
	#though_lineup ul li.agave dl dt
	{
		line-height : 1.2;
	}


}

@media screen and (max-width : 667px) {
	#though_lineup {
		box-sizing : border-box;
		width      : 100%;
		padding    : 20px;
	}

	#though_lineup h2 {
		margin-bottom : 10px;
	}

	#though_lineup h2 img {
		width  : 100%;
		height : auto;
	}

	#though_lineup ul li {
		width : 50%;
	}

	#though_lineup ul li:nth-of-type(2n) {
		border-right : solid 1px #c4b9a9;
	}


	#though_lineup ul li p {
		margin-bottom : 10px;
	}

	#though_lineup dl {
		/*height : 40px;*/
	}

	#though_lineup dl dt {
		font-weight : bold;
		font-size   : 14px;
	}

}

/*特集*/
#sped {
	background : #ffffcc url("../images/arrow_bottom_white.png") no-repeat scroll center top; }