@charset "utf-8";
/* CSS Document */
body {
	/*font-family: YuMincho, 'Yu Mincho', serif;*/
	font-weight: 500;
	line-height: 1.7;
	text-align: justify;
	font-feature-settings: "palt";
	color: #333;
}

button,
input,
optgroup,
select,
textarea {
	line-height: 1.4;
}
.over {
	overflow: hidden;
}
.cnt {
	text-align: center;
}
* {
	box-sizing: border-box;
}
.ec-borderedDefs {
	border: none;
}
a:hover {
	opacity: 0.8;
}
.pc {
}
.sp {
	display: none;
}
.over {
	overflow: hidden;
}

.ec-role {
	color: #333;
	line-height: 1.7;
}

/*レイアウト ----------------------------*/
.ec-layoutRole__mainBottom {
	padding-left: 20px;
	padding-right: 20px;
}


/*--- ヘッダー部分 ---------------------*/
#sp.ec-headerNaviRole,
#h_logo_sp {
	display: none;
}
.ec-layoutRole__header{
	background: url(../images/bg_h.jpg) repeat center top;
	border-top: 5px solid #5d3817;
}
#pc.ec-headerNaviRole #h_logo img {
	max-width: 270px;
}
.ec-headerNav .ec-headerNav__itemIcon,
.ec-cartNavi {
	color: #5d3817;
}

header.ec-layoutRole__header {
	margin-bottom: 50px;
}
body#page_homepage header.ec-layoutRole__header {
	margin-bottom: 30px;
}

/*--- グローバルナビゲーション ---------------------*/
@media only screen and (min-width: 768px) {
	.ec-headerNaviRole {
		padding: 25px 20px;
	}
/*--------------*/
}

.ec-categoryNaviRole {	
	border: none;
	background-color: #5d3817;
	max-width: 100%;
}
.ec-itemNav__nav li a {
	font-weight: 500;
}
.ec-itemNav__nav li a,
.ec-itemNav__nav li:hover a {
	background-color: inherit;
	color: #433013;
}
.ec-itemNav__nav li a:link,
.ec-itemNav__nav li a:active,
.ec-itemNav__nav li a:hover,
.ec-itemNav__nav li a:visited {
	color: #fff;
}


/*--- footer ---------------------*/
.ec-footerRole {
	padding: 40px 20px 0;
	background-color: #bf8843;
	border: none;
}
.ec-footerRole .inner {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.ec-footerRole .inner .over {
	/*display: table;
	table-layout: fixed;
	border-collapse: collapse;*/
}
#f_logo,
#f_navi {
	/*display: table-cell;
	vertical-align: middle;*/
}
#f_logo {
	float: left;
}
#f_navi {
	float: right;
	padding-top: 10px;
}
#f_navi ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#f_navi ul li {
	float: left;
	list-style-type: none;
	margin: 0 15px 10px;
	text-align: right;
}
#f_navi ul li a:link,
#f_navi ul li a:active,
#f_navi ul li a:hover,
#f_navi ul li a:visited {
	color: #fff;
}
#copytxt {
	text-align: right;
	color: #fff;
	font-size: 12px;
	padding: 20px 0;
}

ul.ec-footerNavi {
	font-size: 0;
}
ul.ec-footerNavi li {
	font-size: 15px;
}
ul.ec-footerNavi li.ec-footerNavi__link {
	margin-bottom: 15px;
}
.ec-footerNavi .ec-footerNavi__link a {
	text-decoration: none;
	font-size: 14px;
	padding: 5px 20px;
	margin: 0;
	color: #fff;
}
.ec-footerTitle {
	padding: 10px 0 30px;
	letter-spacing: 0.5px;
}
.ec-footerTitle .ec-footerTitle__logo {
	margin-bottom: 40px;
}
.ec-footerTitle .ec-footerTitle__copyright {
	margin-top: 20px;
	font-weight: normal;
	color: #666;
}
#f_info {
	line-height: 1.5;
}
#f_info .add {
}
#f_info .telnum {
	font-size: 24px;
}
#f_info .telnum a:link,
#f_info .telnum a:active,
#f_info .telnum a:hover,
#f_info .telnum a:visited {
	color: #fff;
}
.ec-blockTopBtn {
	background: none;
	width: auto;
	height: auto;
}

#f_logo {
	text-align: center;
	margin-bottom: 20px;
}

.ec-blockTopBtn {
	bottom: 0;
}


/*--- トップページ ---------------------*/
.ec-sliderRole {
	margin-bottom: 50px;
	max-width: 1200px;
	padding-left: 0;
	padding-right: 0;
}
body#page_homepage h2 {
	font-weight: 600;
}

/*挨拶*/
#top_greeting {
	margin-bottom: 70px;
}
#top_greeting .inner {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}
#top_greeting .txtbox {
	float: right;
	width: 70%;
	padding: 30px 0 0 70px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 2;
}
#top_greeting .txt {
}
#top_greeting h2 {
	margin-bottom: 30px;
}
#top_greeting .ph {
	float: left;
	width: 30%;
	text-align: center;
}
#top_greeting .ph img {
	width: 100%;
	height: auto;
}
/*挨拶フレックス配置*/
body#page_homepage #top_greeting_flex h2 {
	margin-bottom: 50px;
	color: #422a05;
	font-weight: 500;
	font-size: 30px;
	text-align: center;
}
#top_greeting_flex .flexbox {
	padding-bottom: 100px;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
#top_greeting_flex .flexbox .flex_txt {
	width: 50%;
	z-index: 2;
	position: relative;
	padding: 50px 40px 20px;
	margin-top: 50px;
	margin-left: 50px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
	font-size: 18px;
	line-height: 2.5;
}
#top_greeting_flex .flexbox .flex_img {
	width: 50%;
	position: absolute;
	top: 0;
	right: 50px;
	z-index: 1;
	overflow: hidden;
}

/*カテゴリバナー*/
#top_category {
	text-align: center;
	width: 96%;
	margin: 0 auto;
}
#top_category h2 {
	margin-bottom: 0;
	font-size: 30px;
}
#top_category .subtxt {
	margin-bottom: 30px;
}
#top_category .bnrbox {
	width: 50%;
	padding: 0 15px 30px;
	float: left;
}
#top_category img {
	width: 100%;
	height: auto;
}

/*おすすめ商品*/
#top_recommend {
	margin: 0 auto;
	max-width: 1130px;
	background-color: #f5efe7;
	padding: 30px 30px 30px 10px;
}
#top_recommend table {
	border: none;
	margin: 0 auto;
	background: none;
	width: 100%;
}
#top_recommend table td {
	border: none;
	background: none;
	text-align: center;
	padding: 0;
}
#top_recommend table td.title {
	width: 24%;
	padding: 0 20px;
}
#top_recommend table td.bnr {
	width: 38%;
	padding: 10px;
}
#top_recommend table td.title .top {
	font-size: 20px;
	color: #362210;
}
#top_recommend table td.title .line {
	display: block;
	margin: 13px auto;
	width: 20px;
	height: 1px;
	background-color: #000;
}
#top_recommend table td.title .sub {
	color: #666;
	margin-bottom: 30px;
}
#top_recommend table td.title .btnbox {
	display: inline-block;
	background-color: #604c39;
	color: #ffff;
	padding: 10px 16px;
}
#top_recommend table td.title .btnbox a:link,
#top_recommend table td.title .btnbox a:active,
#top_recommend table td.title .btnbox a:hover,
#top_recommend table td.title .btnbox a:visited {
	color: #fff;
	text-decoration: none;
}
#top_recommend img {
	max-width: 800px;
	width: 100%;
	height: auto;
}

/*news*/
.ec-secHeading .ec-secHeading__en {
	/*color: #362210;*/
}
.ec-secHeading {
	color: #362210;
}
.ec-newsRole .ec-newsRole__news {
	border-color: #e1d9cf;
}
.ec-newsRole .ec-newsRole__newsTitle,
.ec-newsRole .ec-newsRole__newsDate {
	font-weight: 500;
	color: #333;
}
.ec-newsRole .ec-newsRole__newsDate {
	font-size: 14px;
}
.ec-newsRole .ec-newsRole__newsItem,
.ec-newsRole .ec-newsRole__newsItem:not(:last-of-type) {
	border-color: #e0d7ce;
}
.ec-newsRole .ec-newsRole__newsCloseBtn {
	background-color: #e0d7ce;
	color: #6e6358;
}

.toptitlebox {
	margin-bottom: 30px;
	text-align: center;
}
#topnews h2 {
	margin-bottom: 0;
	font-size: 30px;
}
#topnews .subtxt {
}

/*コンテント ----------------------------*/
h2 {
	color: #5d3817;
}


/*商品一覧 ----------------------------------------------------*/
#wrap_product .txt02 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
}
#wrap_product .txt02 table {
	border-top: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
}
#wrap_product .txt02 th,
#wrap_product .txt02 td {
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	padding: 10px 15px;
}
#wrap_product .txt02 th {
	background-color: #F3F3F3;
	width: 30%;
	font-weight: 500;
}

/*商品詳細 ----------------------------------------------------*/
.ec-productRole {
	color: #333;
}
.ec-productRole .ec-productRole__title .ec-headingTitle {
	font-size: 24px;
	color: #7d644d;
}
.ec-productRole .ec-productRole__category a {
	color: #7B521D;
}
.ec-productRole__price .ec-price {
	font-size: 0;
	color: #666;
}
.ec-price .ec-price__price {
	font-size: 22px;
}
.ec-price .ec-price__tax {
	font-size: 16px;
}

.ec-productRole__description {
	line-height: 1.7;
}
.ec-productRole__description h3 {
	font-size: 20px;
	color: #7d644d;
	border-bottom: 1px solid #8e8073;
	padding-bottom: 5px;
	font-weight: 600;
	margin-top: 40px;
}
.ec-productRole__description h4 {
	font-size: 18px;
	border-left: 3px solid #b38c68;
	padding-left: 7px;
	color: #111;
	font-weight: 600;
}

.ec-productRole__description.txt02 table {
	width: 100%;
}
.ec-productRole__description.txt02 th,
.ec-productRole__description.txt02 td {
	border-bottom: 1px solid #eee;
	padding: 10px;
}
.ec-productRole__description.txt02 th {
	width: 27%;
}

.ec-blockBtn--action,
.ec-blockBtn--action:hover {
	border: none;
	background-color: #604c39;
}
.ec-blockBtn--action:hover {
	opacity: 0.8;
}
.ec-blockBtn--cancel,
.ec-blockBtn--cancel:hover {
	border-color: #a69d97;
	background-color: #fff;
	color: #604c39;
}
.ec-blockBtn--cancel:hover {
	opacity: 0.8;
}
.ec-inlineBtn--action,
.ec-inlineBtn--action:hover {
	background-color: #A88055;
	border: none;
}
.ec-inlineBtn--action:hover {
	opacity: 0.8;
}

/*--- ログイン画面 -------------------------------------------*/


/*--- 特商法 -------------------------------------------*/
.ec-borderedDefs dl {
	padding: 20px 0;
}
.ec-borderedDefs dt,
.ec-borderedDefs dd {
	margin: 0;
	padding: 0 15px;
	line-height: 1.7;
}
.ec-borderedDefs dt {
}
.ec-borderedDefs dd {
}
.ec-borderedDefs dt .ec-label {
	margin: 0;
}

table.soryo {
	width: 100%;
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
}
table.soryo th,
table.soryo td {
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	box-sizing: border-box;
	padding: 5px;
	line-height: 1.5;
}
table.soryo th {
	background-color: #eee;
	font-weight: 500;
	color: #000;
}
table.soryo td {
	text-align: right;
}

/*プラポ*/
#wrap_privacy {
}
body.other_page main #wrap_privacy h3 {
}

/*--- コンテンツ ---------------------*/
/* 見出し */
.ec-pageHeader h1,
.ec-pageHeader .h1 {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	font-size: 28px;
	font-weight: 500;
	color: #5d3817;
	text-align: center;
	border-bottom: 1px solid #cebdad;
}
body.other_page main h2 {
	margin-bottom: 30px;
	margin-top: 30px;
	color: #5d3817;
}
body.other_page main h3 {
	font-size: 22px;
	color: #604c39;
	border-bottom: 1px solid #e1d1c2;
	padding-bottom: 5px;
	margin: 40px 0 15px;
}


/*--- サイドバー ---------------------*/
.ec-guest,
.ec-login {
	padding-left: 8%;
	padding-right: 8%;
}
.ec-orderRole__summary .ec-totalBox__btn a.ec-blockBtn--cancel:link,
.ec-orderRole__summary .ec-totalBox__btn a.ec-blockBtn--cancel:active,
.ec-orderRole__summary .ec-totalBox__btn a.ec-blockBtn--cancel:hover,
.ec-orderRole__summary .ec-totalBox__btn a.ec-blockBtn--cancel:visited,

.ec-guest a.ec-blockBtn--cancel:link,
.ec-guest a.ec-blockBtn--cancel:active,
.ec-guest a.ec-blockBtn--cancel:hover,
.ec-guest a.ec-blockBtn--cancel:visited {
	color: #604c39;
}

/*--------------------------------------------------------------------
スマホ調整
---------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {
	#wrap_product .txt02 {
		max-width: 100%;
		width: 100%;
	}
	
	/*-------------------------------------*/
}

@media screen and (max-width: 986px) {
	.ec-footerRole {
		padding-top: 30px;
		margin-top: 50px;
	}
	#f_logo,
	#f_navi {
		float: none;
	}
	#f_navi {
		padding-top: 0;
	}
	#f_navi ul {
		font-size: 0;
		text-align: center;
	}
	#f_navi ul li {
		font-size: 14px;
		display: inline-block;
		float: none;
	}
	#copytxt {
		padding-top: 10px;
		text-align: center;
	}

	/*-------------------------------------*/
}

@media screen and (max-width: 910px) {
	#top_greeting .txtbox {
		font-size: 18px;
		padding-left: 30px;
		padding-top: 0;
	}

	/*-------------------------------------*/
}

@media screen and (max-width: 767px) {
	body#page_homepage header.ec-layoutRole__header {
		margin-bottom: 0;
	}
	#pc.ec-headerNaviRole,
	.ec-headerSearch {
		display: none;
	}
	#h_logo_sp {
		display: block;
	}
	#sp.ec-headerNaviRole {
		display: flex;
	}
	.ec-headerNaviRole {
		background-color: #5d3817;
		padding: 10px 20px;
	}
	.ec-drawerRole .ec-headerLinkArea {
		background-color: #5d3817;
	}
	.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading {
		text-align: center;
		padding: 7px 10px;
		background-color: #5d3817;
		color: #fff;
	}
	.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a {
		color: #5d3817;
		font-weight: 600;
	}
	.ec-headerNavSP {
		background-color: #fff;
		color: #5d3817;
		border: 2px solid #5d3817;
	}
	.ec-headerNav .ec-headerNav__itemIcon, .ec-cartNavi {
		color: #fff;
	}
	
	#top_category {
		width: 100%;
	}
	#top_category .bnrbox {
		padding: 0 10px 20px;
	}
	
	/*footer*/
	.ec-footerRole {
		padding-top: 30px;
	}
	ul.ec-footerNavi {
		overflow: hidden;
		text-align: center;
		font-size: 0;
	}
	ul.ec-footerNavi li.ec-footerNavi__link {
		display: inline-block;
		margin-bottom: 0;
		font-size: 15px;
	}
	.ec-footerNavi .ec-footerNavi__link a {
		border: none;
	}
	
	#top_greeting .ph,
	#top_greeting .txtbox {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	#top_recommend {
		padding-left: 20px;
		padding-right: 20px;
	}
	#top_recommend table {
		overflow: hidden;
	}
	#top_recommend table td.title {
		float: left;
		width: 100%;
	}
	#top_recommend table td.bnr {
		float: left;
		width: 50%;
	}
	#top_recommend table td.title .sub {
		margin-bottom: 10px;
	}
	#top_recommend table td.title .btnbox {
		margin-bottom: 20px;
	}
	
	#top_news.ec-role {
		padding-left: 0;
		padding-right: 0;
	}
	.ec-newsRole .ec-newsRole__news {
		padding: 10px 15px;
		border: 10px solid #e1d9cf;
	}
	.ec-newsRole .ec-newsRole__newsItem:last-of-type {
		margin-bottom: 0;
	}

	
	/*商品詳細ページ*/
	.ec-productRole .ec-productRole__title .ec-headingTitle {
		font-size: 22px;
	}
	.ec-productRole__description.txt02 {
		width: 100%;
	}
	.ec-productRole__description.txt02 h3 {
		font-size: 18px;
	}
	.ec-productRole__description.txt02 table {
		overflow: hidden;
	}
	.ec-productRole__description.txt02 th,
	.ec-productRole__description.txt02 td {
		width: 100%;
		float: left;
	}
	.ec-productRole__description.txt02 th {
		background-color: #eee;
		padding: 5px 10px;
	}
	.ec-productRole__description.txt02 td {
		padding: 10px;
	}
	
	/*その他ページ*/
	.ec-borderedDefs dt {
		color: #643305;
	}
	.ec-pageHeader h1,
	.ec-pageHeader .h1 {
		font-size: 30px;
	}
	body.other_page main h2 {
		font-size: 24px;
	}
	body.other_page main h3 {
		font-size: 20px;
	}
	
	
	/*-------------------------------------*/
}

@media screen and (max-width: 540px) {
	#top_recommend table td.bnr,
	#top_recommend table td.title {
		width: 100%;
	}
	
	
	.ec-pageHeader h1, .ec-pageHeader .h1 {
		font-size: 24px;
	}
	body.other_page main h2 {
		font-size: 20px;
		font-weight: 600;
	}
	body.other_page main h3 {
		font-size: 18px;
		font-weight: 600;
	}

	
	/*-------------------------------------*/
}

@media screen and (max-width: 400px) {
	#top_category .bnrbox {
		width: 100%;
		float: none;
		padding: 0 0 10px;
	}

	/*-------------------------------------*/
}