@charset "utf-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{/* font-family:Arial,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Meiryo,Helvetica,メイリオ,sans-serif; */font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;font-size:88%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{color:#000;background-color:transparent;text-decoration:none}a:active,a:hover{color:#000;outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:bottom;max-width:100%;height:auto}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}li{list-style:none}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}img {backface-visibility: hidden;}


/* template style ----------------------*/

body {
	line-height: 180%;
	font-size: 14px;
	color: #000;
	overflow-x:hidden;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	margin: auto;
	padding: 0;
	width: 100%;
}
.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
}
body p {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
}

h1,h2,h3,h4,h5,h6,p,th,td,a {
	font-feature-settings: "palt" 1;
	letter-spacing: 1px;
}

#wrapper { position:relative; }
.sp-bl,
.sp-il,
.sp-ib,
.tablet-bl {
	display:none;
}

.inner {
	width:95%;
	max-width:1000px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}
.opa {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.opa:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.clearfix:after,
.cf:after {
	clear: both;
}
.clearfix,
.cf {
	zoom: 1;
}

/* header ----------------------*/

#header {
	background: url(../../img/common/pc/bg_header.png) no-repeat top center;
	background-size: 100%;
	padding-bottom: 20px;
}
	#header h1 {
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 1;
	    color: #FFF;
	    text-align: center;
	    padding-top: 10px;
	    transform: translateY(10px);
	}
	@media screen and (max-width: 1500px) {
		#header h1 {
			transform: translateY(0);
		}
	}
	.headerBox {
	    max-width: 680px;
	    width: 90%;
	    margin: 65px auto 10px;
	}
	.headerBox .logo {
	    float: left;
	    max-width: 282px;
	    width: 41.4706%;
	}
	#header h2 {
	    float: right;
	    max-width: 355px;
	    width: 52.2059%;
	    font-size: 17px;
	    font-weight: normal;
	    line-height: 1.7;
	    margin-top: 24px;
	    color: #3e3a39;
	}
	#header .navi {
	}
	.menuBtn {
		display: none;
	}

.headerNaviList {
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}
	.headerNaviList li {
	    float: left;
	    box-sizing: border-box;
	    padding: 0 2.7764%;
	}
	.headerNaviList li + li {
	    border-left: solid 1px #bdbebe;
	}
	.headerNaviList li.home {
	    max-width: 102px;
	    width: 12%;
	}
	.headerNaviList li.news {
	    max-width: 128px;
	    width: 15.0589%;
	}
	.headerNaviList li.about {
	    max-width: 207px;
	    width: 24.3530%;
	}
	.headerNaviList li.fruits {
	    max-width: 247px;
	    width: 29.0589%;
	}
	.headerNaviList li.contact {
	    max-width: 165px;
	    width: 19.4118%;
	}

/* ホバーアニメーション */
.headerNaviList li a:before,
.headerNaviList li a:after {
    position: absolute;
    bottom: -10px;
    content: "";
    display: inline-block;
    width: 0;
    height: 2px;
    background: #d0111b;
    transition: .5s;
}
.headerNaviList li a {
    display: block;
    position: relative;
}
.headerNaviList li a:before {
    left: 50%;
}
.headerNaviList li a:after {
    right: 50%;
}
.headerNaviList li a:hover:before,
.headerNaviList li a:hover:after {
    width: 50%;
}

/* スライドナビ用 */
#header .slideNavi {
    position: fixed;
    top: -200px;
    right: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 8000;
}
#header .slideNavi.active {
	top: 0;
}



/* main ------------------------*/

#main {}

/* footer ----------------------*/

#footer {
}
#footer .navi {
	color: #FFF;
	background: url(../../img/common/pc/f_bg.png) repeat center;
	padding: 70px 0 100px;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 14px 15px 0px rgba(0,0,0,0.1) inset;
}
	#footer .naviAbout {
	    float: left;
	    max-width: 210px;
	    width: 24%;
	}
	#footer .naviFruits {
	    float: left;
	    max-width: 450px;
	    width: 54%;
	    margin-left: 6%;
	}
	#footer .naviOther {
	    float: right;
	    max-width: 150px;
	    width: 16%;
	}

#footer .navi dl {}
	#footer .navi dl dt {
	    font-size: 18px;
	    font-feature-settings: 'palt' 1;
	    letter-spacing: 0.05em;
	    margin-bottom: 16px;
	}
	#footer .navi dl dd {
	}

.fNaviChild {}
	.fNaviChild li {
	    position: relative;
	    box-sizing: border-box;
	    padding-left: 17px;
	}
	.fNaviChild li + li {
	    margin-top: 8px;
	}
	.fNaviChild.patternArrow li:before {
	    content: "";
	    position: absolute;
	    top: 9px;
	    left: 0;
	    width: 7px;
	    height: 8px;
	    background: url(../../img/common/pc/ico_f_arrow.png) no-repeat center;
	    background-size: 100%;
	}
	.fNaviChild.patternArrow li:hover:before {
	    left: 2px;
	}
	.fNaviChild.patternDisc li:before {
	    content: "";
	    position: absolute;
	    top: 8px;
	    left: 0;
	    width: 10px;
	    height: 10px;
	    background: url(../../img/common/pc/ico_f_disc.png) no-repeat center;
	    background-size: 100%;
	}
	.fNaviChild li a {
	    font-size: 14px;
	    color: #FFF;
	    text-decoration: underline;
	}
	.fNaviChild li a:hover {
		text-decoration: none;
	}

#footer .naviFruits .apple {
    float: left;
    max-width: 135px;
    width: 30%;
}
#footer .naviFruits .peach {
    float: left;
    max-width: 140px;
    width: 31.1114%;
    margin-left: 6.6666%;
}
#footer .naviFruits .processedGoods {
    float: left;
    max-width: 115px;
    width: 25.5556%;
    margin-left: 6.6666%;
}
	#footer .naviFruits .categoryTtl {
	    font-size: 16px;
	    color: #FFF;
	}
	#footer .naviFruits .fNaviChild {
	    margin-top: 6px;
	}

#footer .navi:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
    height: 73px;
    background: url(../../img/common/pc/f_illust.png) no-repeat top center;
    z-index: 1;
}

#footer .fCompany {
    background-color: #6a3906;
    color: #FFF;
    padding: 50px 0;
    box-shadow: 0px -14px 15px 0px rgba(0,0,0,0.1) inset;
}
.fCompanyList {}
	.fCompanyList li {
	    float: left;
	    box-sizing: border-box;
	}
	.fCompanyList li.logo {
	    max-width: 197px;
	    width: 19.7%;
	}
	.fCompanyList li.address {
	    max-width: 430px;
	    width: 43%;
	    padding: 0 5%;
	    margin-left: 6%;
	    border-left: dotted 1px #FFF;
	    border-right: dotted 1px #FFF;
	}
	.fCompanyList li.contact {
	    max-width: 250px;
	    width: 25%;
	    margin-left: 6%;
	}
	.fCompanyList li.address p {
	    font-size: 14px;
	    line-height: 1.7;
	}
	.fCompanyList li.address p span {
	    display: inline-block;
	}

#footer .copyright {
    background-color: #40210f;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    padding: 15px 0;
    line-height: 1;
}


@media screen and (max-width: 1000px) {
	#footer .navi dl dt {
	    font-size: 16px;
	}
	#footer .naviFruits .categoryTtl {
	    font-size: 14px;
	}
	.fNaviChild li a {
	    font-size: 12px;
	}
	#footer .naviFruits {
	    margin-left: 3%;
	}
	#footer .naviOther {
	    width: 18%;
	}

}




/* parts -----------------------*/

#buyBtn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 5000;
}

#breadcrumbs {
    padding: 5px 0;
}
	#breadcrumbs ol {
	    max-width: 1200px;
	    width: 95%;
	    margin: 0 auto;
	    font-size: 0;
	}
	#breadcrumbs ol li {
	    display: inline-block;
	    font-size: 10px;
	    position: relative;
	    color: #3e3a39;
	}
	#breadcrumbs ol li a {
		color: #d0111b;
	}
	#breadcrumbs ol li + li {
		padding-left: 20px;
		margin-left: 14px;
	}
	#breadcrumbs ol li + li:before {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    margin: auto;
	    width: 6px;
	    height: 10px;
	    background: url(../../img/common/pc/breadcrumbs_arrow.png) no-repeat center;
	    background-size: 100%;
	    z-index: 1;
	}
	#breadcrumbs ol li a:hover {
	    text-decoration: underline;
	}

#productsMore {
    padding: 60px 0;
}
	#productsMore ul {}
		#productsMore ul li {
			float: left;
			max-width: 306px;
			width: 30.6%;
		}
		#productsMore ul li + li {
			margin-left: 4.1%;
		}




@media screen and (max-width:768px) { /* smart phone 6〜7 */

	.pc { display:none !important; }
	.sp-bl { display:block; }
	.sp-il { display:inline; }
	.sp-ib { display:inline-block; }

	.inner {
		width:87.5%;
		max-width:560px;
	}

	body {
	padding-top: 70px;
	}

/* sp-header ----------------------*/

#header {
	background: url(../../img/common/sp/bg_stripe.png) repeat center;
	padding-bottom: 0;
}
	#header h1 {
	    display: none;
	}
	.headerBox {
	    max-width: 100%;
	    width: 100%;
	    margin: 0 auto;
	    padding-top: 12px;
	    box-sizing: border-box;
	    background: url(../../img/common/sp/bg_stripe.png) repeat center;
	    position: fixed;
	    top: 0;
	    right: 0;
	    left: 0;
	    width: 100%;
	    z-index: 7000;
	}
	.headerBox .logo {
	    max-width: 145px;
	    width: 59.1134%;
	    margin-bottom: 13px;
	    margin-left: 4.6875%;
	}
	.menuBtn {
	    display: block;
	    float: right;
	    max-width: 45px;
	    width: 18.7193%;
	    margin-bottom: 13px;
	    margin-right: 4.6875%;
	}
	#header h2 {
	    float: none;
	    max-width: 100%;
	    width: 100%;
	    clear: both;
	    font-size: 15px;
	    text-align: center;
	    background-color: #FFF;
	    padding: 20px 4.6875%;
	    box-sizing: border-box;
	    margin-top: 0;
	}
	#header .navi {
	    display: none;
	    position: fixed;
	    top: 70px;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    background: rgba(255, 255, 255, 0.85);
	    z-index: 7000;
	}
	#header .slideNavi {
		display: none !important;
	}
	#header .navi.open {
		display: block;
		opacity: 1;
	}
	.headerNaviList {
	    max-width: 420px;
	    width: 65.625%;
	    margin: 20px auto 0;
	}
		.headerNaviList li {
		    float: none;
		    max-width: 100% !important;
		    width: 100% !important;
		    padding: 0;
		}
		.headerNaviList li + li {
		    border-left: none;
		    border-top: solid 1px #bdbebe;
		}
		.headerNaviList li a {
		    padding: 15px 0;
		}
		.headerNaviList li a:hover:before, .headerNaviList li a:hover:after {
		    display: none;
		}



/* sp-main ------------------------*/

#main {
}

/* sp-footer ----------------------*/

#footer {padding-bottom: 50px;}
	#footer .navi {
	    padding: 40px 0 60px;
	}
	#footer .navi .logo {
	    max-width: 306px;
	    width: 47.8125%;
	    margin: 0 auto;
	}
	.fCompanyList li {
	    float: none;
	}
	.fCompanyList li.address {
	    max-width: 100%;
	    width: 100%;
	    margin: 0;
	    padding: 0;
	    border: none;
	    text-align: center;
	}
	.fCompanyList li.address a {
		color: #FFF;
	}
	.fCompanyList li.contact {
	    max-width: 320px;
	    width: 57.1429%;
	    margin: 20px auto 0;
	}
	#footer .fCompany {
	    padding: 40px 0;
	}

#fixedBtn {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 7000;
}
	#fixedBtn ul li {
	    float: left;
	    width: 50%;
	    height: 50px;
	    text-align: center;
	    background-color: #f4dc23;
	}
	#fixedBtn ul li:first-child {
	    background-color: #f39800;
	}
	#fixedBtn ul li a {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
	}
	#fixedBtn ul li img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		max-width: 100%;
		max-height: 100%;
	}



/* sp-parts -----------------------*/

#productsMore ul {
    max-width: 450px;
    width: 70.3125%;
}
	#productsMore ul li {
		float: none;
		max-width: 100%;
		width: 100%;
	}
	#productsMore ul li + li {
		margin-left: 0;
		margin-top: 40px;
	}




}