/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

/* fonts */
@font-face {
	font-family: 'NotoSerifCJKjp-Regular';
	src: url('fonts/NotoSansJP-DemiLight.otf');
	src: url('fonts/NotoSerifCJKjp-Regular.woff'), url('fonts/NotoSerifCJKjp-Regular.ttf'), url('fonts/NotoSerifCJKjp-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'NotoSerifCJKjp-Medium';
	src: url('fonts/NotoSansJP-DemiLight.otf');
	src: url('fonts/NotoSerifCJKjp-Medium.woff'), url('fonts/NotoSerifCJKjp-Medium.ttf'), url('fonts/NotoSerifCJKjp-Medium.woff2') format('woff2');
}

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none;}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

html, body {
height:100%;
background:#fffffb;
}
html #page,
body #page{
background:#ffffff;
}
body{
font-size:14px;
-webkit-text-size-adjust: 100%;
font-family: 'NotoSerifCJKjp-Regular',Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
text-align:center;
color:#1e1e1e;
}
a{
text-decoration:none;
color:#a9894a;
line-height:1;
opacity:1;
}
a,a:hover {
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
a img:hover {
-moz-opacity:0.75;
opacity:0.75;
}
a:hover{
opacity:0.5;
text-decoration: underline;
}
img {
	-webkit-backface-visibility: hidden;
}
.clear{
	clear: both;
}
.center{
	text-align: center;
}
/*====================================================
LAYOUT
====================================================*/

#wrapper{
width:100%;
height:100%;
position:relative;
margin:0 auto;
}
.w885{
width:885px;
margin:0 auto;
}
.w960{
width:960px;
margin:0 auto;
}
.w1080{
width:1080px;
margin:0 auto;
}
.inside{
width:100%;
}
.mb10{
	margin-bottom: 10px;
}
.mb40{
	margin-bottom: 40px;
}
.mb70{
	margin-bottom: 70px;
}
img{	
	pointer-events: none;
}


/*====================================================
HEADER
====================================================*/
#header .w1080{
position:relative;
}
#spmn{
position:absolute;
top:20px;
right:0;
}
#spmn a:hover img,
#spmn a:hover{
opacity:1;
}
#topcatch{
background:url("../img/top/header_bg01.jpg") no-repeat center center;
height:600px;
}
#topcatch_en{
background:url("../img/en/top_en.jpg") no-repeat center center;
background-size:contain;
height:400px;
}
#topcatch .logo{
padding-top:206px;
margin:0 auto;
font-family: 'NotoSerifCJKjp-Medium', serif;
}
#topcatch_en .logo{
padding-top:170px;
margin:0 auto;
font-family: 'NotoSerifCJKjp-Medium', serif;
}
#topcatch_en .logo p{
	background-color: rgba(255,255,255,0.5);
	width:200px;
	padding: 10px;
	border-radius: 10px;
	margin: auto;
}
#topcatch .logo img,
#topcatch_en .logo img{
width:187px;
height:auto;
margin-bottom:0.5rem;
}
#topcatch .logo span,
#topcatch_en .logo span{display:block;color: #a9894a;}
#topcatch .logo a,
#topcatch_en .logo a{
color:#fff;
font-size:17px;
line-height:180%;
}
#page .logo img:hover,
#page .logo a:hover,
#topcatch .logo img:hover,
#topcatch .logo a:hover,
#topcatch_en .logo img:hover,
#topcatch_en .logo a:hover{
opacity:1;
}

#logonavi { display: none; }
#logonavi.navion { display: block }

.navlogo {
    float: left;
    padding: 1rem 0 0 0;
}
.navlogo img {
    width: 112px;
}

/*====================================================
NAVIGATION
====================================================*/
#navigation{
clear:both;
}
#navigation ul{
border-bottom:1px solid #e5e5e5;
}
#navigation ul li{
float:left;
/*margin-left:68px;*/
/* margin-left:61px; seasonal */
margin-left:55px;	
}
#navigation ul li:first-child{
margin-left:0;
}
#navigation ul li a{
padding:30px 5px;
display:block;
font-size:12.5px;
}
#navigation ul li a.en{
padding:15px 5px;
display:block;
font-size:13px;
}
#navigation ul li.current a{
color:#a9894a;
border-bottom:1px solid #a9894a;
}
/*--181024--*/
#navigation ul li.menu_single {
    position: relative;
	cursor: pointer;
}
#navigation ul li.menu_single a {
	cursor: default;
}
#navigation ul li.menu_single ul.menu_second {
    position: absolute;
	top: 0px;
    left: -40px;
    width: 150px;
	margin-top: 8px;
    background: #b99e6a;
    -webkit-transition: all .2s ease;
    transition: all .8s ease;
}
.whole{
	left: -30px!important;
    width: 170px!important;
}
#page #navigation ul li.menu_single ul.menu_second {
    margin-top: -10px;
}
#navigation ul li.menu_single ul.menu_second a {
	cursor: pointer;
	color: #fff;
	padding: 15px 5px;
}
#navigation ul li.menu_single:hover ul.menu_second {
    top: 40px;
    visibility: visible;
    opacity: 1;
}
#navigation li a:hover { color: #ddd;}
#navigation li:last-child {}
#navigation ul.menu_second, #navigation_sp ul.menu_second {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
#navigation .menu_second li {
	float:unset;
	margin-left: 0;
	width: 100%;
}
#navigation .menu_second li a:hover {
	color: #FFF;
}
#navigation ul li.current ul.menu_second a {
	color:#fff;
	border-bottom:none;
	padding: 30px 5px;
}
.link_en {
	font-size: 14px;
	margin-top: 5px;
}


.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
background:#fff;
}
.hdbox_r{
	float:right;
	padding-top:1rem;
	font-size: 10px;
}
.hdbox_r ul{
	float:right;
}
.hdbox_r ul li{
	padding-left: 0.1rem;
	float:left;
	width: 65px;
}
.hdbox_r ul li:first-child{
	padding-left:0;
	margin-right: 4px;
	width: 74px;
}
.hdbox_r ul li:first-child a{
	display: block;
	height: 38px;
}
.hdbox_r ul li img{
	width: 40%;
}
.hdbox_r ul li:first-child img{
	width: 100%;
}
.hdbox_r ul li:last-child img{
	width: 50%;
}
#navigation .hdbox_r{
	float:right;
	padding-top:1rem;
	font-size: 10px;
}
#navigation .hdbox_r ul{
	float:right;
	border-bottom: none;
}
#navigation .hdbox_r ul li{
	padding-left: 0.1rem;
	float:left;
	width: 70px;
	margin-left: 0;
}
#navigation .hdbox_r ul li:first-child{
	padding-left:0;
	margin-right: 4px;
	width: 84px;
}
#navigation .hdbox_r ul li:first-child img{
	width: 100%;
}
#navigation .hdbox_r ul li img{
	width: 40%;
}
#navigation .hdbox_r ul li:last-child img{
	width: 50%;
}
#navigation .hdbox_r ul li a {
    padding: 10px 5px;
    display: block;
    font-size: 10px;
	font-family: 'NotoSerifCJKjp-Regular',Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/******** navigation_sp START ********/
nav.navigation_sp {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	background: #fff;
	color: #000;
	text-align: center;
	transform: translateY(-100%);
	transition: all 0.6s;
	width: 100%;
}

nav.navigation_sp ul {
	background: #fff;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

nav.navigation_sp ul li {
	font-size: 1.3em;
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #989898;
}

/* 最後はラインを描かない */
nav.navigation_sp ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

nav.navigation_sp ul li a {
	color: #a9894a;
	display: block;
	padding: 0.9em 0;
}

/* このクラスを、jQueryで付与・削除する */
nav.navigation_sp.active {
	transform: translateY(0%);
}

.navToggle {
	display: block;
	position: fixed;
	/* bodyに対しての絶対位置指定 */
	right: 23px;
	top: 22px;
	width: 92px;
	height: 88px;
	cursor: pointer;
	z-index: 3;
	background: #fff;
	text-align: center;
	border-radius:  7px;
	box-shadow: 0 0 8px #656565;
}

.navToggle span {
	display: block;
	position: absolute;
	/* .navToggleに対して */
	width: 55px;
	border-bottom: solid 4px #bfa561;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 18px;
}

.navToggle span:nth-child(1) {top: 25px;}

.navToggle span:nth-child(2) {top: 44px;}

.navToggle span:nth-child(3) {top: 63px;}

.navToggle span:nth-child(4) {
border: none;
color: #eee;
font-size: 9px;
font-weight: bold;
top: 34px;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {top: 43px;left: 18px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {top: 43px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
/******** navigation_sp END ********/


/*====================================================
TOP
====================================================*/
.h2_block{
width:25%;
float:left;
}
.mid_block{
width:54%;
float:left;
}
.view_block{
width:21%;
float:left;
}
.news_block .mid_block{
width:100%;
float:none;
}

.h2_block{
background:url("../img/all/h2_bg.png") no-repeat top left;
padding:28px 0 0 0;
text-align:left;
font-size:13px;
}
.h2_block2{
background:url("../img/all/h2_bg.png") no-repeat top center;
padding:28px 0 0 0;
font-size:13px;
}
.h2_block2 span,
.h2_block span{
display:block;
}
.h2_block2 .en,
.h2_block .en{
color:#a9894a;
font-size:22px;
letter-spacing:-1px;
}
.h2_block2 p.small,
.h2_block p.small{
font-size:9px;
padding-top:30px;
color:#d8d8d8;
}

.mid_block{
padding-top:1rem;
}
.mid_block dl{
border-bottom:1px solid #e5e5e5;
}
.mid_block dl dt{
float:left;
width:25%;
text-align:right;
}
.mid_block dl dd{
float:right;
width:71%;
text-align:left;
}
.mid_block dl dd,
.mid_block dl dt{
padding:1rem 0;
}
.mid_block .new{
background:#a9894a;
font-size:10px;
color:#fff;
padding:0 0.3rem 0.1rem 0.3rem;
}
.mid_block .date{
padding-right:1rem;
}
.mid_block .detail{
padding:0.5rem 1rem 0 2rem;
line-height:1.8;
text-align:left;
}
.mid_block .imgbox img{
display:none;
}

.news_block .mid_block dl dt{
width:10%;
}
.news_block .mid_block dl dd{
width:88%;
}
.view_block{
padding-top:28px;
}
.view_block a{
color:#a9894a;
font-size:13px;
float:right;
}
.view_block2{
margin-top:2.5rem;
}
.view_block3 a,
.view_block2 a{
text-align:center;
color:#a9894a;
font-size:13px;
}
.view_block a.viewstory,
.view_block2 a.viewinfo,
.view_block a.viewinfo,
.view_block3 a.viewconcept,
.view_block a.viewconcept{
height:35px;
line-height:35px;
display:block;
}
.view_block2 a.viewinfo,
.view_block a.viewinfo{
width:116px;
background:url("../img/all/viewinfo.png") no-repeat;
}
.view_block3 a.viewconcept,
.view_block a.viewconcept{
width:152px;
background:url("../img/all/viewconcept.png") no-repeat;
}
.view_block a.viewstory{
width:122px;
background:url("../img/all/viewstory.png") no-repeat;
}
.parallax1{
height:475px;
background:url("../img/top/top01.jpg") no-repeat center center;
}
.parallax2{
height:475px;
background:url("../img/top/top02.jpg") no-repeat center center;
}
.parallax_box p{
width:100%;
height:475px;
line-height:475px;
font-size:64px;
color:#fff;
background:url("../img/top/white_bg.png") no-repeat center center;
}
.parallax1.paraxify{
height:475px;
background-attachment: fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.parallax2.paraxify{
height:475px;
background-position: center top;
background-attachment: fixed;
background-size: cover;
}
.paraxify {
background-attachment: fixed;
background-position: center center;
background-size: cover;
}
.cat_img{
padding-top:3rem;
clear:both;
}
.gt_block{
width:65%;
margin-top:30px;
float:right;
}

#splogo{
display:none;
}
.sp_block2{
margin-top:43px;
width:443px;
float:left;
}
.mid_block2{
margin-top:35px;
width:420px;
float:right;
}

.mid_block2 .detail{
padding:0 0 1.5rem 0;
line-height:1.8;
text-align:left;
font-size:17px;
}



/*====================================================
MAIN
====================================================*/
.section1{
padding:5rem 0;
}
.section2{
padding:3rem 0;
}
#main{
padding:0 0 5rem 0;
}
#main,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
	font-family: 'NotoSerifCJKjp-Regular',Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.section1.page_bg{
padding:0 0 5rem 0;
}

/*====================================================
PAGE
====================================================*/

#page #head .w885{
height:80px;
position:relative;
}
#page #spmn{
top:10px;
}
#page #spmn img{
}
#page .logo,
.ftbox_l .logo{
float:left;
padding:1rem 0 0 0;
}
#page .logo img,
.ftbox_l .logo img,
.ftbox_c .logo img{
width:112px;
}
#page #navigation ul{
border:none;
}
#page #navigation ul li a{
padding:18px 5px 15px;
}
#page #navigation ul li:nth-child(5) a{
padding: 11px 3px;
}
#page #navigation{
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
#navigation .hdbox_r ul li.link_en a{
    font-size: 13px;
}

.h2_page{
padding:2rem 0 2rem 0;
font-size:13px;
margin-bottom:4rem;
background:#fff;
width:320px;
margin:0 auto;
}

.h2_page span{
display:block;
}
.h2_page .en{
color:#a9894a;
font-size:22px;
letter-spacing:-1px;
}
.h2_page p.small a,
.h2_page p.small{
font-size:10px;
padding-top:30px;
color:#d8d8d8;
}

.tbl_block,
.h4_block,
.h3_block{
margin-bottom:4rem;
}

.h4_block {
margin-bottom:3rem;
}

.tbl_block.en_his{
margin: unset;
}

.tbl_block.en_his td.en_his_1{
padding-left: 0.2rem;
vertical-align: top;
}

.tbl_block.en_his td.en_his_img{
padding: 1rem 0rem 0.3rem 0.5rem;
}

.tbl_block.en_his img{
width: 100%;
}

table.en_his th, table.en_his_02 th{
text-align: center;
width: 145px;
}
.tbl_block.en_his_02 td{
padding-left: unset;
}
.h3_block h3{
font-size:18px;
}
.h5_block p,
.h4_block p,
.h4_block1 p,
.h4_block2 p,
.h4_block3 p,
.h4_block4 p,
.h4_block5 p,
.h3_block p{
text-align:left;
line-height:1.8;
}
.h3_block_img {
width: 85%;
margin: 0 auto;
float: none;
margin-bottom: 1rem;
}
.h3_lt{
float:left;
width:50%;
text-align:left;
}
.h3_lt.logo_inv{
background:url("../img/page/logo_inv.png") no-repeat;
background-size:contain;
}
.h3_img{
float:right;
width:45%;
}
#concept_bg{
width:100%;
/* background:url("../img/page/h2ate_08.jpg") no-repeat center center; */
background-size:cover;
padding:3rem 0;
border-bottom:1px solid #e5e5e5;
margin-bottom:4rem;
}
.concept_bg_img01{
background:url("../img/page/h2ate_01.jpg") no-repeat center center;
}
#concept_bg.concept_bg_img02{
background:url("../img/page/h2ate_02.jpg") no-repeat center center;
}
#concept_bg.concept_bg_img03{
background:url("../img/page/h2ate_03.jpg") no-repeat center center;
}
#concept_bg.concept_bg_img04{
background:url("../img/page/h2ate_04.jpg") no-repeat center center;
}
#concept_bg.concept_bg_img05{
background:url("../img/page/h2ate_05.jpg") no-repeat center center;
}
#concept_bg.concept_bg_img06{
background:url("../img/page/h2ate_06.jpg") no-repeat center center;
}
#concept_bg.concept_bg_img07{
background:url("../img/page/h2ate_07.jpg") no-repeat center center;
}
#concept_bg.concept_bg_img08{
background:url("../img/page/h2ate_08.jpg") no-repeat center center;
}


.h2_page{
}
.h2_page .inside{
width:320px;
margin:0 auto;
padding:2rem 0 0 0;
background:url("../img/all/h2_bg.png") no-repeat center top
}
#concept_bg .h2_page{
}

.h4_block h4{
color:#a9894a;
font-size:16px;
margin-bottom:1rem;
}
.h4_block.bdr img{
border:1px solid #e5e5e5;
}

.h4_block ul,
.h4_block5 ul  {
	text-align: left;
}
.h4_block1 h4,
.h4_block2 h4,
.h4_block3 h4,
.h4_block4 h4,
.h4_block5 h4{
padding: 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
/*background: #ECD37A;背景色*/
border: solid 1px #a9894a;
vertical-align: middle;/*上下中央*/
border-radius: 25px;/*左側の角を丸く*/
color:#a9894a;
font-size:18px;
margin-bottom:1rem;
font-weight: bold;
/*width: 220px;*/
}

.h4_block1, .h4_block3, .h4_block4, .h4_block5 {
	margin-bottom: 1rem;
}

.h4_block1 h4:before {
content: '①';
color: a9894a;
margin-right: 8px;
}
.h4_block2 h4:before {
content: '②';
color: a9894a;
margin-right: 8px;
}
.h4_block3 h4:before {
content: '③';
color: a9894a;
margin-right: 8px;
}
.h4_block4 h4:before {
content: '④';
color: a9894a;
margin-right: 8px;
}
.h4_block5 h4:before {
content: '⑤';
color: a9894a;
margin-right: 8px;
}

.h4_block2_list {
display: flex;
justify-content: center;
}
.h4_block2_list ul{
list-style-position: inside;
	width: 100%;

}
.h4_block2_list ul li{
text-align: left;
padding-left: 1em;
text-indent: -1em;
}
.h4_block2_2 p{
	margin-bottom: 1rem;
}
.h4_l,
.h4_m,
.h4_r{
width:30%;
float:left;
}
.h4_m,
.h4_r{
margin-left:5%;
}
.h4_img{
margin-bottom:1.2rem;
}

.tbl_block{
width:100%;
}
.tbl_block table{
border-top:1px solid #e5e5e5;
}
.tbl_block th{
color:#a9894a;
white-space:nowrap;
vertical-align:top;
}
.tbl_block th,
.tbl_block td{
padding:1rem 0.5rem;
text-align:left;
border-bottom:1px solid #e5e5e5;
}
.tbl_block dl dt{
font-weight:bold;
}
.tbl_block dl dd{
margin-bottom:1rem;
}
.tbl_block dl dd:last-child{
margin-bottom:0;
}

.tbl_block .map{
float:right;
background:#a9894a;
border-radius:3px;
padding:0.2rem 0.3rem;
color:#fff;
}
.h5_block{
margin-bottom:2rem;
}
.h5_block h5{
padding:1rem;
text-align:left;
border-bottom:1px solid #e5e5e5;
margin-bottom:1rem;
}
.h5_block.ctr h5{
text-align:center;
}
.h5_img{
float:right;
width:32%;
}
.h5_lt{
float:left;
width:63%;
}
.h5_lt p{
padding-left:1rem;
}
.h5_txt p{
padding:0 1rem;
}

.txt p{
line-height:2;
}

.dl dd,
.dl dt{
text-align:left;
}
.dl dt{
margin-bottom:0.3rem;
padding-bottom:0.3rem;
border-bottom:1px solid #e5e5e5;
color:#a9894a;
}
.dl dd{
margin-bottom:2rem;
}
.en_fruits{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.en_fruits_in{
	width: 20%;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.producer{
	margin: 20px auto;
}
.producer li{
	float: left;
	margin-left: 30px;
	margin-bottom: 1rem;
}
.wholesale .producer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.wholesale .producer li{
	width: 280px;
	margin-left: 20px;
}
.wholesale .producer li:nth-child(3n-2){
	margin-left: 0;
}
.wholesale .producer li img{
	width: 100%;
}
.flow .h3_img{
	float: left;
	width: 120px;
	margin-left: 50px;
}
.flow .h3_lt{
	float: right;
	width: 600px;
}

/*--181025--*/
.link_en {
	font-size: 14px;
	margin-top: 5px;
}
/*====================================================
FOOTER
====================================================*/
#footer{
background:#fffbf8;
padding:5rem 0 1.5rem 0;
}
.ftbox{
padding-bottom:2.5rem;
border-bottom:1px solid #e5e5e5;
}
.ftbox_l dl,
.ftbox_l{
float:left;
}
.ftbox_r{float:right;padding-top:1rem;font-size: 10px;}
.ftbox_r ul{
float:right;
}
.ftbox_r ul li{padding-left: 0.1rem;float:left;width: 65px;}
.ftbox_r ul li:first-child{width: 74px; margin-right: 4px;}
.ftbox_r ul li:first-child a{display: block; height: 38px;}
.ftbox_r ul li img{
	width:40%;
}
.ftbox_r ul li:first-child img{
	width:100%;
}
.ftbox_r ul li:last-child img {
    width: 50%;
}
.ftbox_l .logo{
width:112px;
float:left;
margin-right:2.5rem;
}
.ftbox_l dl{
margin-top:1rem;
width:300px;
}
.ftbox_l dl dd,
.ftbox_l dl dt{
text-align:left;
font-size:13px;
padding-bottom:0.3rem;
}
.ftbox_l dl dt{
clear:left;
float:left;
padding:0 1rem 0 0;
}
/*
.ftnav ul{
text-align:center;
}
.ftnav ul li{
display:inline-block;
padding:1rem 0;
}
.ftnav ul li a{
font-size:13px;	
padding: 1.5rem 0.47rem; 	
display:block;
}
*/

.ftnav ul{
text-align:center;
display: flex;
flex-wrap: wrap;
margin: 10px -10px;	
}
.ftnav ul li{
width: calc(100%/6 - 20px);
margin: 0 10px 10px;
line-height: 10px;	
}
.ftnav ul li a{
font-size:12px;	
/* padding: 1.5rem 0.5rem; seasonal */
}

.gmap iframe{
border:0;
width:100%;
height:400px;
}
.copyright{
padding-top:1rem;
font-size:11px;
}
.sitemap{
border-top:1px dotted #ededed;
}
.sitemap li{
padding:0.5rem;
border-bottom:1px dotted #ededed;
}
.sitemap li a{
display:block;
}
.arrow {
    padding-bottom: 2rem;
    position: relative;
    margin-bottom: 2rem;
}
.arrow::after {
    position: absolute;
    content: ' ';
    border: 30px solid transparent;
    border-top-color: transparent;
    border-top-color: #a9894a;
    border-bottom-width: 0;
    width: 0px;
    margin: 10px auto;
    bottom: -1.5rem;
    left: calc(50% - 30px);
}
.imglist {
	display: flex;
	justify-content: center;
	align-items: center;
    margin: 2rem 0 0 0;
	flex-wrap: wrap;
}
.imglist li {
	width: 350px;
	height: auto;
	margin: 0 2rem;
    position: relative;
}
.imglist li::after {
    position: absolute;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 30px solid #a9894a;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    margin: 10px auto;
    bottom: calc(50% - 30px);
    right: -4rem;
}
.imglist li:last-child::after {
	display: none;
}
.imglist li img { width: 100%; }

/*====================================================
IMG100%
====================================================*/
.sp_block2 img,
.sp_block img,
.h5_img img,
.h4_img img,
.h3_img img,
.gt_block img,
.cat_img img,
.img100{
width:100%;
height:auto;
}

/*====================================================
CLEARFIX
====================================================*/
.section2:after,
.h5_block:after,
.h4_block:after,
.h4_block1:after,
.h4_block2:after,
.h4_block3:after,
.h4_block4:after,
.h4_block5:after,
.h3_block:after,
.ftnav:after,
.ftbox:after,
.mid_block dl:after,
.w885:after,
.section3:after,
#navigation ul:after,
#header:after,
#wrapper:after,
#contents:after,
#footer:after,
#navigation:after,
#header:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}
/*====================================================
BASE
====================================================*/

.ctr{
text-align:center;
}
.big{
font-size:150%;
}
.blue{
color:#00c5d5;
}
.red{
color:#ea426a;
}
.bold,
strong{
font-weight:bold;
}
.txtgt{
text-align:right;
}
.txtlt{
text-align:left;
}
img{
vertical-align:bottom;
}
.mb1{
margin-bottom:1rem;
}
.mb2{
margin-bottom:2rem;
}
.mb3{
margin-bottom:3rem;
}
.mb4{
margin-bottom:4rem;
}

.spmn{
display:none;
}
.strike{
text-decoration:line-through;
}

#spmn,
.sp,
.sp_in{
display:none;
}

.pc{
display:block;
}

.pc_in{
display:inline;
}

.copyright,
.ftnav ul li a,
#navigation ul li a,
.view_block a,
.en{
font-family: 'Old Standard TT', serif;
}

.mb1 li.list_indent {
	padding-left: 1.2em;
    text-indent: -1.2em;
}
.mb1 li.list_indent02 {
	padding-left: unset;
    text-indent: unset;
}
/*====================================================
media query for smartphone, tablet
====================================================*/

@media screen and (max-width: 1180px) {
	.w1080{
	width:95%;
	}
}
@media screen and (max-width: 980px) {
	.w885{
	width:100%;
	}
	#head{
	min-height:130px;
	}
	#navigation{
	display:none;
	}
	#navigation ul li{
	border-bottom:1px solid #e1e1e1;
	}
	#navigation ul li.current,
	#navigation ul li:last-child{
	border:none;
	}
	#navigation ul li.current a{
	background:#ffffee;
	}
	body{
	font-size:150%;
	}
	#spmn,
	.sp{
	display:block;
	}
	.sp_in{
	display:inline;
	}
	.pc,
	.pc_in{
	display:none;
	}
	#splogo{
	display:block;
	position:absolute;
	top:2.5rem;
	left:1rem;
	}
	.h2_block2,
	.h2_block{
	padding-top:3rem;
	}
	.h2_block2 h2,
	.h2_block h2{
	font-size:80%;
	}
	.h4_block h4,
	.h4_block1 h4,
	.h4_block2 h4,
	.h4_block3 h4,
	.h4_block4 h4,
	.h4_block5 h4,
	.h3_block h3,
	.h2_page,
	.h2_page h2 .en,
	.h2_block2,
	.h2_block{
	font-size:130%;
	}
	.h2_block2 .en,
	.h2_block .en{
	font-size:170%;
	}
	.h2_page p.small,
	.h2_block2 p.small,
	.h2_block p.small{
	font-size:50%;
	}
	.mid_block2 .detail,
	.h2_page p.small a{
	font-size:100%;
	}
	.w85,
	.privacy,
	.sp_block2,
	.sp_block,
	.tbl_block,
	.gt_block,
	.h5_block,
	.h4_block,
	.h4_block1,
	.h4_block2,
	.h4_block3,
	.h4_block4,
	.h4_block5,
	.h3_block,
	.h2_block2,
	.h2_block,
	.mid_block2,
	.mid_block,
	.view_block{
	width:85%;
	margin:0 auto;
	float:none;
	}
	.h3_block .tbl_block{
	width:100%;
	}
	.tbl_block th{
		display: block;
		width: calc(100%-1rem);
	}
	.tbl_block td{
		display: block;
		width: calc(100%-2rem);
		border-bottom: 1px solid #ccc;
		padding-left: 2rem;
	}
	.tbl_block.en_his td.en_his_1 {
    padding-left: 2rem;
    padding-top: none;
   }
	.tbl_block.en_his td.en_his_img {
    padding-bottom: 1rem;
   }
	.mid_block2 .detail,
	.gt_block{
	margin-top:2rem;
	}
	.mid_block2 .detail{
	margin-bottom:4rem;
	}
	.h2_page .inside,
	.h2_block2,
	.h2_block{
	text-align:center;
	background:url("../img/sp/h2_bg.png") no-repeat center top;
	}
	#concept_bg{
	padding-top:6rem;
	}
	.view_block a.viewstory,
	.view_block3 a.viewconcept,
	.view_block a.viewconcept,
	.view_block2 a.viewinfo,
	.view_block a.viewinfo{
	width:290px;
	height:80px;
	margin:0 auto;
	font-size:26px;
	line-height:82px;
	background:url("../img/sp/viewinfo.png") no-repeat;
	}
	.view_block a{
	float:none;
	}
	#footer{
	border-top:2px solid #a9894a;
	}
	.ftbox_r,
	.ftbox_l{
	float:none;
	width:100%;
	}
	.ftbox_r{
	margin-bottom:5rem;
		font-size: 16px;
	}
	.ftbox_l dl,
	.ftbox_l .logo {
	float:none;
	text-align:center;
	}
	.ftbox_r ul{
	float:none;
	text-align:center;
    display: flex;
    justify-content: center;
	}
	.ftbox_r ul li{
	float:none;
	width:100px;
	padding-left:2rem;
	display:inline-block;
	}
	.ftbox_l .logo{
	width:230px;
	margin:0 auto 3rem auto;
	}
	.ftbox_l dl{
	margin:0 auto;
	width:100%;
	}
	.ftbox_l dl dd,
	.ftbox_l dl dt{
	float:none;
	font-size:100%;
	text-align:center;
	}
	.ftbox_l dl dd{
	margin-bottom:1rem;
	}
	.ftnav ul li{
	display:block;
	text-align:left;
	border-bottom:1px dotted #e5e5e5;
	width: 100%;
	padding:1rem 0;	
	}
	.ftnav ul li a{
	font-size:120%;
	padding:1rem 1.5rem;
	}
	.mid_block{
	margin-bottom:4rem;
	}
	.mid_block .imgbox{
	position:relative;
	width:130px;
	}
	.mid_block .imgbox img{
	width:100%;
	display:block;
	height:auto;
	}
	.mid_block .imgbox .new{
	position:absolute;
	top:0;
	left:0;
	font-size:14px;
	}
	.mid_block .detail{
	padding:1rem 0 0 0;
	}
	.mid_block .date{
	display:block;
	}
	.h5_lt,
	.h3_lt,
	.h3_img,
	.h5_img,
	.h4_l, .h4_m, .h4_r{
	float:none;
	width:100%;
	margin:0;
	}
	.h5_lt p{
	padding:0;
	}

	.h5_img,
	.h3_img{
	margin-bottom:1rem;
	}

	.tbl_block,
	.h5_block,
	.h3_block,
	.h4_l, .h4_m, .h4_r{
	margin-bottom:4rem;
	}

	#topcatch{
	background: url("../img/sp/header_bg01.jpg") no-repeat center center;
	height: 1120px;
	}

	#topcatch_en{
	background: url("../img/en/top1_sp.jpg") no-repeat center center;
	height: 420px;
	background-size:contain;
	}

	#topcatch .logo {
	padding-top: 407px;
	}

	#topcatch_en .logo {
	padding-top: 150px;
	}
	#topcatch .logo a,
	#topcatch_en .logo a{
	font-size:26px;
	}
	#topcatch .logo img{
	width:240px;
	margin-bottom:4rem;
	}
	#topcatch_en .logo img{
	width:240px;
	margin-bottom:2rem;
	}
#topcatch_en .logo p{
	width:250px;
	padding: 10px;
}
.en_fruits_in{
	width: 50%;
}
	.mid_block dl dd,
	.mid_block dl dt{
	padding:2rem 0;
	}
	.mid_block dl dd{
	width:72%;
	}
	.h2_page, .h2_block{
	margin-bottom:2rem;
	}
	.gt_block.w100{
	width:100%;
	}
	#page #head .w885{
	width:95%;
	}
#page .logo,
.ftbox_l .logo{
float:none;
padding:1rem 0 0 0;
}
#page .logo{
	padding-top:1.5rem;
	}
#page .logo img,
	.ftbox_l .logo img,.ftbox_c .logo img {
	width:230px;
	}
#navigation ul li{
	width:100%;
	float:none;
	margin:0;
	}
.paraxify,
.parallax2,
.parallax1{
	height:525px;
	}
.parallax1{
	background:url("../img/top/top01_sp.jpg") no-repeat center center;
	}
.parallax2{
	background:url("../img/top/top02_sp.jpg") no-repeat center center;
}
.parallax_box p{
	height:525px;
	line-height:525px;
	background:url("../img/top/white_bg_sp.png") no-repeat center center;
	}
.parallax1.pfix {
	background:url("../img/top/top1_sp2.jpg") no-repeat center center;
	}
.parallax2.pfix {
	background:url("../img/top/top02_sp2.jpg") no-repeat center center;
	}
.parallax2.pfix,
.parallax1.pfix{
	background-attachment: initial;
	}
.hdbox_r {
		display: none;
	}
.h4_block {
		margin-bottom: 2em;
	}

.imglist li {
		width: 90%;
		margin: 0 auto 3rem;
		padding: 3rem;
	}
.imglist li::after {
		border: 30px solid transparent;
		border-top-color: transparent;
		border-top-color: #a9894a;
		border-bottom-width: 0;
		width: 0px;
		margin: 10px auto;
		bottom: -3rem;
		left: calc(50% - 30px);
		right: initial;
	}
.h4_block1 h4,
.h4_block2 h4,
.h4_block3 h4,
.h4_block4 h4,
.h4_block5 h4{
	width: 60%;
	}

.producer li{
	float: none;
	width: 100%;
	height:  auto;
	margin: 0 0 10px 0;
}
.producer img{
	width:100%;
}
.wholesale .producer li{
	width: calc(50% - 5px) ;
	float: left;
}
.wholesale .producer li:nth-child(odd){
	margin-left: 0;
}
.wholesale .producer li:nth-child(even){
	margin-left: 10px;
}
.flow .h3_img{
	float: none;
	margin: 10px auto;
}
	/*--181025--*/
	.link_en {
    font-size: 20px;
    margin-top: 5px;
}
}
@media screen and (max-width: 600px) {

	.mid_block .imgbox{
	width:100%;
	}

}