/* カスタマイズ用CSS */
@charset "utf-8";

* { margin:0; padding:0; }

body { margin:0; padding:0; color: #666666; font-size: 16px; line-height: 1.5em; background-color: #FFFFFF; font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif; word-wrap: break-word; font-feature-settings: "palt";}
img { border: none; }
ul { list-style-type: none; padding-left: 0; display:inline-block; }
a { text-decoration: none; }

.font_mincho { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", "Hannari", "Sawarabi Mincho", serif; }

.ttl { font-weight: 700; margin: 20px 4px; padding: 5px 0 2px 10px; text-align: left; border-left: 4px solid #CFB462;}
.ttl .sub { font-weight: 300; }

.font_xl { font-size:68px; }
.font_ll { font-size:24px; }
.font_l { font-size:20px; }
.font_m { font-size:18px; }
.font_s { font-size:14px; }
.font_ss { font-size:12px; }
.letter_space_10 { letter-spacing: 1em;}
.letter_space_1 { letter-spacing: 0.1em;}
.letter_space_3 { letter-spacing: 0.3em;}
.letter_space_5 { letter-spacing: 0.5em;}
.m_space_5px { margin-top: 5px; }
.m_space_10px { margin-top: 10px; }
.m_space_20px { margin-top: 20px; }
.m_space_30px { margin-top: 30px; }
.m_space_40px { margin-top: 40px; }
.m_space_50px { margin-top: 50px; }
.pt_space_5px { padding-top: 5px; }
.pt_space_10px { padding-top: 10px; }
.pt_space_20px { padding-top: 20px; }
.pt_space_30px { padding-top: 30px; }
.pt_space_40px { padding-top: 40px; }
.pt_space_50px { padding-top: 50px; }
.pb_space_5px { padding-bottom: 5px; }
.pb_space_10px { padding-bottom: 10px; }
.pb_space_20px { padding-bottom: 20px; }
.pb_space_30px { padding-bottom: 30px; }
.pb_space_40px { padding-bottom: 40px; }
.pb_space_50px { padding-bottom: 50px; }
.pb_space_80px { padding-bottom: 80px; }

.caption { font-size: 14px; line-height: 1.2em; padding-top: 4px; color: #333; font-weight: 500; }
.caption .name { font-size: 16px; font-weight: 700; }
.caption .name_sub { font-size: 12px; color: #666; font-weight: 400; }

.brtb {  display: none;}
@media screen and (max-width: 768px) {
.brtb {  display: inline;}
}
/*-----ヘッダー-------------*/

.ec-cartNavi__label { display: none;}
.ec-headerNaviRole { padding-bottom: 0}
.ec-headerNav .ec-headerNav__item { font-size: 10px;}
.ec-cartNavi { padding: 10px 10px 10px 0px; background: none; height: auto; min-width: inherit; }
.ec-cartNavi .ec-cartNavi__badge { position: absolute; left: 60%; top: -10px; background:#8AA964 }
.ec-drawerRole { right: 0 !important; left: inherit; transform:translateX(300px) !important}
.ec-drawerRoleClose { right: 270px; left: inherit}
.ec-drawerRole.is_active { transform:translateX(0px) !important}
.ec-headerNavSP { right:15px; left: inherit; top: 15px; font-size:20px;}
.ec-cartNaviNull { right: -100px}

.ec-headerTitle__title img { width: 240px; height: auto;}
.ec-headerTitle__title h1 { margin-top: -35px !important;}
.ec-itemNav { border-bottom: solid 1px #CCC; border-top: solid 1px #CCC; margin-bottom: 20px}
.ec-itemNav li a { font-weight: normal; background: #FFF; transition: 0.5s ;}
.ec-itemNav li a:hover { background: #FFF; opacity: 0.6 }
h2 { font-size: 24px; font-weight: bold; margin-bottom: 12px;}
@media screen and (max-width: 768px) {
	h2 { font-size: 20px; font-weight: bold; margin-bottom: 12px;}
}

@media screen and (max-width: 768px) {
	.ec-headerNaviRole__nav { display: none !important;}
	.ec-cartNavi { padding: 10px 50px 10px 0px; }
	.ec-cartNaviNull { right: 0px}
	.ec-headerTitle__title img { width: 160px; height: auto;}
}

/*-----お知らせ-------------*/
.ec-newsRole h2 { margin-top: 0;}
.ec-newsRole .ec-newsRole__news { border: none; padding: 0}
.ec-newsRole .ec-newsRole__newsItem { padding: 0; background: #eee;}
.ec-newsRole .ec-newsRole__newsHeading { padding: 20px}
.ec-newsRole .ec-newsRole__newsHeading:hover { background: #444;}
.ec-newsRole .ec-newsRole__newsHeading:hover .ec-newsRole__newsDate { color: #8AA964;}
.ec-newsRole .ec-newsRole__newsHeading:hover .ec-newsRole__newsTitle { color: #8AA964;}
.ec-newsRole .is_active .ec-newsRole__newsHeading { background: #444;}
.ec-newsRole .is_active .ec-newsRole__newsDate { color: #8AA964;}
.ec-newsRole .is_active .ec-newsRole__newsTitle { color: #8AA964;}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription { background: #eee; padding: 20px; margin: 0}

@media screen and (max-width: 768px) {
	.ec-newsRole .ec-newsRole__newsDate { margin: 0 0 5px 0}
	.ec-newsRole .ec-newsRole__newsHeading { padding:15px;}
	.ec-newsRole .ec-newsRole__newsTitle { margin-bottom: 0;}
}

/*-----八木農園について-------------*/
.about { max-width: 1130px; padding-left: 20px; padding-right: 20px; margin: 50px auto 0 }
.about p { font-size: 16px; padding-top: 16px; line-height: 1.6; }

/*-----おすすめ-------------*/
.recommend-wrap { max-width: 1130px; margin: 60px auto 0; }
.recommend-wrap h2 { padding: 0 20px; margin: 0}
.recommend-wrap .item-wrap { display: -ms-flex; display: flex; justify-content: start; flex-wrap:wrap; box-sizing: border-box; }
.recommend-wrap .item-wrap .item { width: 25%; padding: 0px 20px; margin-top: 20px; }
.recommend-wrap .item-wrap .item img { width: 100%; height: auto }
.recommend-wrap .item-wrap .item p { font-size: 16px; line-height: 1.5; margin-top: 12px; color: #008000}
.recommend-wrap .item-wrap .item .item_name { font-size: 16px; line-height: 1.5; margin-top: 8px; font-weight: normal; color: #333;}
.recommend-wrap .item-wrap .item .item_price  { font-size: 16px; line-height: 1.5; margin-top: 8px; font-weight: bold; text-align: right; color: #333; }

@media screen and (max-width: 768px) {
	.recommend-wrap { max-width: 1130px; margin: 30px auto 0; }
	.recommend-wrap h2 { padding: 0 20px}
	.recommend-wrap .item-wrap { padding: 0 10px;}
	.recommend-wrap .item-wrap .item { width: 50%; padding: 0px 10px;}
}

/*-----最近チェックした-------------*/
.checked-wrap { max-width: 1130px; margin: 40px auto 0; }
.checked-wrap h2 { margin: 0px 20px; padding: 20px 15px ; box-sizing: border-box; background: #F0F0F0;}
.checked-wrap .item-wrap { display: -ms-flex; display: flex; justify-content: start; flex-wrap:wrap; box-sizing: border-box; }
.checked-wrap .item-wrap .item { width: 25%; padding: 0px 20px; margin-top: 20px; }
.checked-wrap .item-wrap .item img { width: 100%; height: auto }
.checked-wrap .item-wrap .item .itemtitle  { font-size: 16px; line-height: 1.5; margin-top: 10px; font-weight: bold; color: #333; }

@media screen and (max-width: 768px) {
	.checked-wrap { margin: 30px auto 0; }
	.checked-wrap h2 {  margin: 0px 20px;}
	.checked-wrap .item-wrap { padding: 0 10px;}
	.checked-wrap .item-wrap .item { width: 50%; padding: 0px 10px;}
}

/*-----フッター-------------*/
.footer { width: 100%; padding: 30px 20px; background: #3d3d3d; margin-top: 60px}
.footer .footer-wrap { max-width: 1090px; margin: auto; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap:wrap;} 
.footer .footer-wrap .footer-navi { width: 350px; }
.footer .footer-wrap .footer-navi ul { width: 100% }
.footer .footer-wrap .footer-navi ul li { border-bottom: solid 1px #999; }
.footer .footer-wrap .footer-navi ul li a { font-size: 14px; line-height: 1.5; color: #FFF; display: block; padding: 15px 10px; position: relative; transition: 0.5s ; text-decoration: none  }
.footer .footer-wrap .footer-navi ul li a:hover { background: #111;}
.footer .footer-wrap .footer-navi ul li a span { font-size: 20px}
.footer .footer-wrap .footer-navi ul li a:before { content: ''; width: 6px; height: 6px; border: 0; border-top: solid 1px #CCC; border-right: solid 1px #CCC; position: absolute; top: 50%; right: 10px; margin-top: -4px; transform: rotate(45deg);}
.footer .footer-wrap .footer-logo { width: 350px; text-align: center; margin-top: 80px; }
.footer .footer-wrap .footer-logo img { width: 58px; height: auto;}
.footer .footer-copyright { max-width: 1090px; margin: auto; text-align: center; font-size: 12px; color: #ddd; margin-top: 30px;} 

@media screen and (max-width: 768px) {
	.footer .footer-wrap .footer-navi { width: 100%; }
	.footer .footer-wrap .footer-navi ul { width: 90%; margin: auto; display: block }
	.footer .footer-wrap .footer-logo { width: 100%; margin-top: 30px; }
	.footer .footer-copyright { width: 90%} 
}



/*-----商品一覧・詳細-------------*/
.ec-topicpath { color:#8AA964;}
.ec-shelfGrid__item form , .ec-shelfGrid__item .ec-productRole__btn { display: none;}
.ec-blockBtn--action { background: #479090; border-color: #479090 }
.soldout {background:#D07584; color:#FFFFFF; padding: 10px 4px; text-align: center; margin-top: 5px; font-size: 80% }

/*-----当サイトについてページ-------------*/
.ec-borderedDefs dl { padding: 15px 0 12px 0 }
.ec-borderedDefs dt { padding-top: 0;}
.ec-borderedDefs dt , .ec-borderedDefs dd {line-height: 1.6 !important}