@charset "UTF-8";
/*
*******************************************************************************************************
# トップページ
*******************************************************************************************************
*/
/* ------------------------------------
	* 共通設定
* ------------------------------------ */
.wrp-container {
	padding-top: 0;
}

/* header: Override
----------------------------------- */
.wrp-header {
	background-color: rgba(0, 35, 0, 0.75);
}

.wrp-header .btn_language {
	color: #fff;
}

.wrp-header .btn_language a {
	color: #fff;
}

.wrp-gnav .category .btn {
	color: #fff;
}

.wrp-gnav .onlineshop .btn .link,
.wrp-gnav .benefits .btn .link {
	display: none;
}

.wrp-gnav .onlineshop .btn .link_top,
.wrp-gnav .benefits .btn .link_top {
	display: block;
}

.wrp-gnav .category .btn:hover > .title	{
	color: #fff100;
}

@media screen and (max-width: 736px) {
	.wrp-gnav .category .btn {
		color: #000;
	}
	.wrp-gnav .onlineshop .btn .link,
	.wrp-gnav .onlineshop .btn .link_top,
	.wrp-gnav .benefits .btn .link,
	.wrp-gnav .benefits .btn .link_top {
		display: none;
	}
}


/* scroll */
.wrp-header.scroll .wrp-gnav .category .btn {
	color: #000;
}

.wrp-header.scroll .wrp-gnav .category .btn:hover > .title {
	/*color: #005f35;*/
	color:#009F41;
	transition-duration: 0.3s;
}
.wrp-header.scroll .wrp-gnav .category .btn .title {
	transition-duration: 0.3s;
}

.wrp-header.scroll .btn_language {
	color: #000;
}

.wrp-header.scroll .btn_language a {
	color: #000;
}

.wrp-header.scroll .onlineshop .btn .link,
.wrp-header.scroll .benefits .btn .link {
	display: block;
}

/* submenu */
.wrp-gnav .submenu {
	color: #000;
}

.wrp-gnav .submenu a {
	color: #000;
}

/* menu btn */
@media screen and (max-width: 736px) {
	.wrp-header .btn_menu span {
		border-color: #fff;
	}
	.wrp-header .btn_menu span::after {
		background-color: #fff;
	}
}

/* contents_article
----------------------------------- */
.contents_article {
	margin-top: 50px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}

.contents_article .box_title {
	color: #fff;
	background-color: rgba(0, 35, 0, 0.75);
	box-sizing: border-box;
}

.contents_article .box_title dl {
	display: table;
	margin: 0 auto;
}

.contents_article .box_title dt,
.contents_article .box_title dd {
	display: table-cell;
	vertical-align: middle;
}

.contents_article .box_title dt {
	padding-right: 30px;
}

.contents_article .box_title .lead {
	font-size: 14px;
	text-align: center;
	line-height: 1.7;
}

.contents_article .btn_more {
	width: 180px;
}

.contents_article .btn_more .inner_btn {
	padding: 15px 10px;
}

@media screen and (max-width: 736px) {
	.contents_article {
		margin-top: 30px;
		position: relative;
	}
	.contents_article .box_title {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 25px 20px;
		width:100%;
		max-width:initial;
	}
	.contents_article .box_title dl,
	.contents_article .box_title dt,
	.contents_article .box_title dd {
		display: block;
	}
	.contents_article .box_title dt {
		padding-right: 0;
	}
	.contents_article .box_title .lead {
		font-size: 12px;
	}
	.contents_article .btn_more {
		margin: 20px auto 0 auto;
	}
	.contents_article .btn_more .inner_btn {
		padding: 12px 10px;
	}
}

/* バナー類
----------------------------------- */
.list_pic,
.list_bnr {
	margin-top: 55px;
}

.list_pic:before,
.list_pic:after,
.list_bnr:before,
.list_bnr:after {
	content: "";
	display: table;
}

.list_pic:after,
.list_bnr:after {
	clear: both;
}

.list_pic li,
.list_bnr li {
	width: 32.78689%;
	float: left;
	margin-left: 0.81967%;
	box-sizing: border-box;
}

.list_pic li:first-child,
.list_bnr li:first-child {
	margin-left: 0;
}

.list_pic li a,
.list_bnr li a {
	transition: all 0.3s ease;
}

.list_pic li a:hover,
.list_bnr li a:hover {
	opacity: 0.7;
}

@media screen and (max-width: 736px) {
	.list_pic,
	.list_bnr {
		margin-top: 30px;
	}
	.list_pic li,
	.list_bnr li {
		width: auto;
		float: none;
		margin-left: 0;
	}
	.list_pic li a,
	.list_bnr li a {
		transition: none;
	}
	.list_pic li a:hover,
	.list_bnr li a:hover {
		opacity: 1;
	}
}

.list_pic li {
	margin-top: -1px;
}

.list_pic li a {
	display: block;
	position: relative;
	border: 1px solid #fff100;
	box-sizing: border-box;
}

/* ------------------------------------
	* メインビジュアル
* ------------------------------------ */
.wrp-top_mainvisual {
	background-color: #fff;
	position: relative;
	height: 716px;
	overflow: hidden;
}

.wrp-top_mainvisual .slider {
	width: 2000px;
	height: 716px;
	position: absolute;
	left: 50%;
	margin-left: -1000px;
}

.slick-dotted.slick-slider{
	margin-bottom: 0;
}

/* viewport setting */
@media screen and (max-width: 1100px) {
	.wrp-top_mainvisual {
		position: static;
		height: auto;
	}
	.wrp-top_mainvisual .slider {
		width: 100%;
		height: auto;
		position: static;
		left: auto;
		margin-left: 0;
	}
}

/* ------------------------------------
	* 最新情報
* ------------------------------------ */
.wrp-top_news {
	background-color: #fff;
	border-bottom: 20px solid #f4f4f4;
	padding-bottom: 50px;
}

@media screen and (max-width: 736px) {
	.wrp-top_news {
		padding-bottom: 35px;
	}
	.wrp-top_news .menu .tab_btn li {
		width: 20%;
	}
}

/* ------------------------------------
	* Commitment
* ------------------------------------ */
.wrp-top_commitment {
	background-color: #fff;
	padding-top: 55px;
}
.wrp-top_commitment .inner_commitment {
	display: table;
	width: 100%;
	height: 536px;
	margin-top: 50px;
}
.wrp-top_commitment .contents_article {
	display: table-cell;
	vertical-align: bottom;
	width: 25%;
	position: relative;
	background-size: inherit;
	background-position: center;
}

.wrp-top_commitment .contents_article .ttl_def {
	width: 229px;
	 margin: 0 auto;
	 padding: 12px 0 12px 0;
	box-sizing: border-box;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 0.1em;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 0px 22px #000;
}

.wrp-top_commitment .acai{
	background-image: url(../../img/top/pic_commit1.jpg);
}
.wrp-top_commitment .amazonfruit{
	background-image: url(../../img/top/pic_commit2.jpg);
}
.wrp-top_commitment .agro{
	background-image: url(../../img/top/pic_commit3.jpg);
}
.wrp-top_commitment .products{
	background-image: url(../../img/top/pic_commit4.jpg);
}

.wrp-top_commitment .contents_article .box_title {
	padding: 13px 0 32px 0;
	height: 154px;
	width: 100%;
	max-width: 490px;
	position: absolute;
	bottom: 0;
}

.wrp-top_commitment .contents_article .box_title .lead {
	font-size: 13px;
}

.wrp-top_commitment .mod-box_contents_img .box_title .ttl_def{
    margin-bottom: 15px;
}
.wrp-top_commitment .contents_article .btn_more {
    margin: 12px auto 0;
}


@media screen and (max-width: 736px) {
.wrp-top_commitment {
	padding-top: 28px;
}
.wrp-top_commitment .inner_commitment {
	display: block;
	width: auto;
	height: auto;
	margin-top: 25px;
}

.wrp-top_commitment .contents_article {
	display: block;
	width: auto;
	background-position: top center;
	background-size: cover;
}
.wrp-top_commitment .contents_article .box_title {
	height: initial;
    padding: 25px 20px 20px 20px;
    left: 0;
    right: 0;
    bottom: 0;
    max-width:initial;
}
.wrp-top_commitment .acai{
	background-image: none;
}
.wrp-top_commitment .amazonfruit{
	background-image: none;
}
.wrp-top_commitment .agro{
	background-image: none;
}
.wrp-top_commitment .products{
	background-image: none;
}
.wrp-top_commitment .contents_article .box_title .lead{
	font-size: 12px;
}
.wrp-top_commitment .contents_article .btn_more {
	margin: 20px auto 0 auto;
}

}
/* ------------------------------------
	* Philosophy
* ------------------------------------ */
.wrp-top_philosophy {
	background-color: #fff;
	padding-top: 50px;
}

.wrp-top_philosophy .contents_article {
	background-color: #acdbed;
	background-image: url("../../img/top/pic_philosophy.jpg");
	padding-top: 370px;
}

@media screen and (max-width: 736px) {
	.wrp-top_philosophy {
		padding-top: 30px;
	}
	.wrp-top_philosophy .contents_article {
		background-image: none;
		padding-top: 0;
	}
}

/* ------------------------------------
	* Brand story
* ------------------------------------ */
.wrp-top_brandstory {
	background-color: #fff;
	padding-top: 45px;
}

.wrp-top_brandstory .contents_article {
	background-color: #e3c8d9;
	background-image: url("../../img/top/pic_brandstory.jpg");
	padding-top: 370px;
}

@media screen and (max-width: 736px) {
	.wrp-top_brandstory {
		padding-top: 25px;
	}
	.wrp-top_brandstory .contents_article {
		background-image: none;
		padding-top: 0;
	}
}

/* ------------------------------------
	* Products
* ------------------------------------ */
.wrp-top_products {
	background-color: #fff;
	padding: 50px 0 70px 0;
}

.wrp-top_products .slider {
	width: 992px;
	margin: 70px auto 0 auto;
}

.wrp-top_products .slider .title {
	font-size: 16px;
	text-align: center;
	font-weight: 500;
}

.wrp-top_products .slider li a {
	outline: none;
}

@media screen and (max-width: 736px) {
	.wrp-top_products {
		padding: 30px 0 20px 0;
	}
	.wrp-top_products .slider {
		width: auto;
		margin: 30px 6.25% 0 6.25%;
	}
	.wrp-top_products .slider .title {
		font-size: 12px;
	}
}

/* ------------------------------------
	* Shop & Sale
* ------------------------------------ */
.wrp-top_shopsale {
	background-color: #f4f4f4;
	padding: 60px 0 65px 0;
}

@media screen and (max-width: 736px) {
	.wrp-top_shopsale {
		padding: 28px 0 15px 0;
	}
}

/* ------------------------------------
	* Corporate
* ------------------------------------ */
.wrp-top_corporate {
	background-color: #fff;
	padding: 60px 0 85px 0;
}

@media screen and (max-width: 736px) {
	.wrp-top_corporate {
		padding: 28px 0 15px 0;
	}
}

/* ------------------------------------
	* Voices
* ------------------------------------ */
.wrp-top_voice {
	background-color: #f4f4f4;
	padding: 60px 0 125px 0;
}

@media screen and (max-width: 736px) {
	.wrp-top_voice {
		padding: 28px 0 30px 0;
	}
}

/* ------------------------------------
	* slick: Override
* ------------------------------------ */
/* Reset */
.slick-dots li {
	width: auto;
	height: auto;
}

.slick-dots li button {
	width: auto;
	height: auto;
}

.slick-dots li button::before {
	width: auto;
	height: auto;
	font-size: 0;
	line-height: 1;
	content: "";
	opacity: 1;
	color: inherit;
}

.slick-dots li button:hover {
	opacity: 0.7;
}

.slick-dots li.slick-active button::before {
	opacity: 1;
	color: inherit;
}

/* mainvisual */
.wrp-top_mainvisual .slider {
	transition: all 0.3s ease;
	opacity: 0;
}

.wrp-top_mainvisual .slider.initialized {
	opacity: 1;
}

.wrp-top_mainvisual .slick-dots {
	width: 2000px;
	bottom: 40px;
}

.wrp-top_mainvisual .slick-dots li {
	margin: 0 7px;
}

.wrp-top_mainvisual .slick-dots li button {
	width: 14px;
	height: 14px;
}

.wrp-top_mainvisual .slick-dots li button::before {
	width: 14px;
	height: 14px;
	background-color: #898989;
	border-radius: 100%;
}

.wrp-top_mainvisual .slick-dots li.slick-active button::before {
	background-color: #fff100;
}

/* products */
.wrp-top_products .slick-prev,
.wrp-top_products .slick-next {
	width: 16px;
	height: 30px;
	transition: all 0.3s ease;
}

.wrp-top_products .slick-prev:hover,
.wrp-top_products .slick-next:hover {
	opacity: 0.7;
}

.wrp-top_products .slick-prev::before,
.wrp-top_products .slick-prev::after,
.wrp-top_products .slick-next::before,
.wrp-top_products .slick-next::after {
	content: "";
	display: block;
	width: 21px;
	height: 2px;
	background-color: #666;
	position: absolute;
	left: -2px;
	opacity: 1;
}

.wrp-top_products .slick-prev::before,
.wrp-top_products .slick-next::before {
	top: 7px;
}

.wrp-top_products .slick-prev::after,
.wrp-top_products .slick-next::after {
	top: 21px;
}

.wrp-top_products .slick-prev {
	left: -54px;
}

.wrp-top_products .slick-prev::before {
	transform: rotate(-45deg);
}

.wrp-top_products .slick-prev::after {
	transform: rotate(45deg);
}

.wrp-top_products .slick-next {
	right: -54px;
}

.wrp-top_products .slick-next::before {
	transform: rotate(45deg);
}

.wrp-top_products .slick-next::after {
	transform: rotate(-45deg);
}

.wrp-top_products .slick-disabled {
	cursor: default;
	opacity: 0;
}

.wrp-top_products .slick-disabled:hover {
	opacity: 0;
}

@media screen and (max-width: 736px) {
	.wrp-top_mainvisual .slick-dots {
		width: 100%;
		bottom: 25px;
	}
	.wrp-top_products .slick-prev,
	.wrp-top_products .slick-next {
		width: 8px;
		height: 15px;
		transition: none;
	}
	.wrp-top_products .slick-prev:hover,
	.wrp-top_products .slick-next:hover {
		opacity: 1;
	}
	.wrp-top_products .slick-prev::before,
	.wrp-top_products .slick-prev::after,
	.wrp-top_products .slick-next::before,
	.wrp-top_products .slick-next::after {
		width: 10.5px;
		height: 1px;
	}
	.wrp-top_products .slick-prev::before,
	.wrp-top_products .slick-next::before {
		top: 3px;
	}
	.wrp-top_products .slick-prev::after,
	.wrp-top_products .slick-next::after {
		top: 10px;
	}
	.wrp-top_products .slick-prev {
		left: 0;
	}
	.wrp-top_products .slick-next {
		right: 0;
	}
	.wrp-top_products .slick-disabled {
		cursor: default;
		opacity: 0;
	}
	.wrp-top_products .slick-disabled:hover {
		opacity: 0;
	}
	.wrp-top_products .slick-slider {
		z-index: 0;
	}
	.wrp-top_products .slick-list {
		z-index: 1;
	}
	.wrp-top_products .slick-prev,
	.wrp-top_products .slick-next {
		z-index: 2;
	}
}