@charset "utf-8";
/*--------------------------------------------
  goodsList.css
  商品一覧画面用CSS
--------------------------------------------*/

/* ***************************************************************************************************** */
/* ** $見出しセクション ******************************************************************************************* */
/* ***************************************************************************************************** */

/*---------------------------------------------
	レイアウト
  ---------------------------------------------*/
/* 「詳しく見る」のpadding変更 */
.goodsDetail-saleEndText {
    padding: 0.50rem 1.5rem!important;
}

.goodsList-headingSection{
	text-align: center;
}
.title-level-01{
	margin-top: 20px;
}
		@media only screen and (max-width: 768px) {
			.title-level-01{
				margin-top: 17.5px;
			}
		}

.paragraph-lead-01{
	width: 730px;
	max-width: 100%;
	margin: auto;
}
.paragraph-lead-01:last-child{
	margin-bottom: 80px;
}
		@media only screen and (max-width: 768px) {
			.paragraph-lead-01:last-child{
				margin-bottom: 54px;
			}
		}

/* ***************************************************************************************************** */
/* ** $商品一覧絞り込みセクション ******************************************************************************************* */
/* ***************************************************************************************************** */

/*---------------------------------------------
	コンポーネント
  ---------------------------------------------*/
/* 表示順, 表示形式, 表示件数 */
.goodsList-displayFilter{
	font-size: 0;
}
.goodsList-displayFilter dt,
.goodsList-displayFilter dd{
	display: inline-block;
}
.goodsList-displayFilter dt{
	font-size: 12px;
	margin-right: 10px;
}
.goodsList-displayFilter dd,
.goodsList-displayFilter dd a{
	font-size: 13px;
	color: #644c1f;
}
.goodsList-displayFilter dd{
	margin-right: 5px;
	border: 1px solid #bfa77a;
	padding: 3px 6px 2px 6px;
	cursor: pointer;
}
.goodsList-displayFilter dd a{
	width: 100%;
	display: block;
}

.goodsList-displayFilter_dropdown dd{
	padding: 0;
	margin: 0;
	cursor: pointer;
}
/*.goodsList-displayFilter_dropdown form,*/
.goodsList-displayFilter_dropdown select{
	border: none;
	font-size: 13px;
	font-weight: 700;
	color: #644c1f;
	width: auto;
	cursor: pointer;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 padding: 1px 25px 0 10px;
	position: relative;
}
.goodsList-displayFilter_dropdown select::-ms-expand{
	display: none;
}
.goodsList-displayFilter_dropdown dd{
	position: relative;
}
.goodsList-displayFilter_dropdown dd::after{
	content: "";
	position: absolute;
	top: -6px;
	right: 7px;
	bottom: 0;
	width: 6px;
	height: 6px;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
	margin: auto;
}
@media only screen and (max-width: 768px) {
	.goodsList-displayFilter_dropdown dd{
		height: 60px;
		box-sizing: border-box;
		vertical-align: top;
	}
}

/* 表示順メニューSP用 */
.goodsList-displayFilter.sp{
display: none;
}
/* アクティブ */
.goodsList-displayFilter dd.active{
	padding: 4px 7px 3px 7px;
	border: none;
}
.goodsList-displayFilter dd.active,
.goodsList-displayFilter dd.active a{
	color: #644c1f;
	background-color: #e0d1b6;
	font-weight: 700;
}
/* 検索結果_件数 */
.goodsList-resultStats{
	font-size: 0.75rem;
}

		@media only screen and (max-width: 768px) {
			.goodsList-displayFilter.sp{
				display: block;
			}
			.goodsList-displayFilter.pc{
				display: none;
			}
			.goodsList-displayFilter_dropdown select{
				padding: 0 24px 0 8px;
				background-color: transparent;
				height: 100%;
			}
			.goodsList-displayFilter dt{
				display: block;
			}
			.goodsList-displayFilter.displayView .goodsList-displayFilter-listView,
			.goodsList-displayFilter.displayView .goodsList-displayFilter-gridView{
				padding: 21px 6px 21px 6px;
				text-align: center;
				min-width: 66px;
				height: 60px;
				box-sizing: border-box;
				vertical-align: top;
			}
			.goodsList-displayFilter.displayView .goodsList-displayFilter-listView{
				margin-bottom: 10px;
			}
			.goodsList-displayFilter.displayView .goodsList-displayFilter-gridView{
				margin: 0;
			}
		}

/*---------------------------------------------
	レイアウト
  ---------------------------------------------*/
.goodsList-displayFilter-wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.goodsList-resultStats-wrapper{
	margin-top: 12px;
	text-align: right;
}
@media only screen and (max-width: 768px) {
  .goodsList-resultStats-wrapper{
  	margin-top: 6px;
  	margin-bottom: 8px;
  }
}


/* ***************************************************************************************************** */
/* ** $商品一覧_リスト表示 ******************************************************************************************* */
/* ***************************************************************************************************** */

/*---------------------------------------------
	コンポーネント
  ---------------------------------------------*/
/* 各商品のラッパー */
@media only screen and (max-width: 768px) {
 .goodsList-result{
 	border-top: 1px dotted #333;
 	padding-top: 18px;
 	margin-bottom: 24px;
 }
}

/* 商品カテゴリ */
.goodsList-cate{
	font-size: 0.875rem;
	color: #a27f37;
}
@media only screen and (max-width: 768px) {
 .goodsList-cate{
 	font-size: 0.75rem;
 }
}

/* 商品説明文抜粋 */
.goodsList-excerpt{
	font-size: 1rem;
	line-height: 1.5;
}
@media only screen and (max-width: 768px) {
	.goodsList-excerpt{
		font-size: 0.8125rem;
	}
}
/* 商品ラベル */
.goodsList-label{
	font-size: 0;
}
.goodsList-label li{
	display: inline-block;
	margin-right: 6.6px;
}
.goodsList-label li:last-child{
	margin-right: 0;
}
@media only screen and (max-width: 768px) {
	.goodsList-label li{
		margin-right: 8px;
		margin-bottom: 5px;
	}
	.goodsList-label li:nth-child(n+6){
		display: none;
	}
	.goodsList-label img{
		width: 63.5px;
	}
}

/* 価格 */
.goodsList-price > *{
	display: inline;
}
.goodsList-priceType,
.goodsList-priceCurrency{
	font-size: 0.875rem;
}
.goodsList-priceValue{
	font-size: 1.25rem;
}
		@media only screen and (max-width: 768px) {
			.goodsList-priceType,
			.goodsList-priceCurrency{
				font-size: 0.6875rem;
			}
			.goodsList-priceValue{
				font-size: 1.375rem;
			}
		}

/*---------------------------------------------
	レイアウト
  ---------------------------------------------*/
/* 検索結果一覧を包括するラッパー */
.goodsList-results-wrapper{
	margin-top: 46px;
}
@media only screen and (max-width: 768px) {
 .goodsList-results-wrapper{
 	margin-top: 0;
 }
}

/* 検索結果の各商品を包括するラッパー */
.goodsList-result{
margin-bottom: 68px;
}

/* 商品一覧_リスト表示用  */
.container-goodList-pImg{
	max-width: 192px;
	width: 100%;
	margin: 0;
	margin-right: 28px;
	padding: 0;
}
.container-goodList-pImg_right{
	margin-right: 0;
	margin-left: 28px;
}
.container-goodList-info{
	max-width: 507px;
	width: 100%;
	margin: 0;
	padding: 0;
}
		@media only screen and (max-width: 768px) {
			.goodsList-result.container_flex{
				display: inline-block;
				width: 100%;
			}
			.container-goodList-pImg{
				float: left;
				width: 37.33%;
				max-width: 37.33%;
			}
			.container-goodList-info{
				width: 100%;
				max-width: 100%;
			}
		} /* end media query */

.title-level-02{
	display: block;
	margin-bottom: 18px;
}
		@media only screen and (max-width: 768px) {
			.title-level-02{
				margin-bottom: 10px;
			}
		}

.goodsList-cate{
	margin-bottom: 18px;
}
.goodsList-excerpt{
	margin-bottom: 18px;
}
		@media only screen and (max-width: 768px) {
		 .goodsList-excerpt{
		 	margin-left: 18px;
		 }
		}

.goodsList-price-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	margin-top: 16px;
}
	@media only screen and (max-width: 768px) {
	 .goodsList-price-wrapper{
	 	margin-top: 11px;
	 }
	}


/* ***************************************************************************************************** */
/* ** $商品一覧_グリッド表示 ******************************************************************************************* */
/* ***************************************************************************************************** */

/*---------------------------------------------
	リスト表示のスタイルを調整
  ---------------------------------------------*/
.goodsList-results-wrapper.grid{
	display: flex;
	flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
	.goodsList-results-wrapper.grid{
		justify-content: space-between;
	}
}
.goodsList-results-wrapper.grid .goodsList-result{
	flex-direction: column;
	max-width: 167px;
	width: 25%;
	margin-right: 20px;
	margin-bottom: 44px;
}
@media only screen and (max-width: 768px) {
  .goodsList-results-wrapper.grid .goodsList-result{
			max-width: 100%;
  	border-top: none;
  	width: 46.24%;
  	margin-right: 0;
  	margin-bottom: 24px;
  }
}

.goodsList-results-wrapper.grid .goodsList-result:nth-child(4n-1){
	margin-right: 0;
}

.goodsList-results-wrapper.grid .container-goodList-pImg{
	max-width: 167px;
	margin-right: 0;
}
@media only screen and (max-width: 768px) {
 .goodsList-results-wrapper.grid .container-goodList-pImg{
 	width: 100%;
 	max-width: 100%;
 	margin-bottom: 12px;
 }
}
.goodsList-results-wrapper.grid .container-goodList-info{
	max-width: 167px;
	display: flex;
	flex-direction: column;
	/*align-items: flex-start;*/
}
@media only screen and (max-width: 768px) {
	.goodsList-results-wrapper.grid .container-goodList-info{
		max-width: 100%;
	}
}

.goodsList-results-wrapper.grid h2{
	order: 2;
}
.goodsList-results-wrapper.grid .subTitle-level-01{
	font-size: 0.75rem;
	line-height: 1.25;
}
.goodsList-results-wrapper.grid .title-level-02{
	font-size: 0.875rem;
	line-height: 1.25;
	margin-bottom: 8px;
	margin-top: 8px;
}
.goodsList-results-wrapper.grid .goodsList-cate{
	order: 3;
	font-size: 0.75rem;
	margin-bottom: 2px;
}
.goodsList-results-wrapper.grid .goodsList-excerpt,
.goodsList-results-wrapper.grid .goodsList-label li:not(.new){
	display: none;
}
.goodsList-results-wrapper.grid .goodsList-label{
	order: 1;
	font-size: 0.6875rem;
}
.goodsList-results-wrapper.grid .goodsList-label li{
	padding: 3px 0;
}
.goodsList-results-wrapper.grid .goodsList-label img{
	width: 50px;
}
.goodsList-results-wrapper.grid .goodsList-price-wrapper{
	order: 4;
	display: inline-block;
	margin-top: 0;
}
.goodsList-results-wrapper.grid .goodsList-priceType,
.goodsList-results-wrapper.grid .goodsList-priceCurrency{
	font-size: 0.6875rem;
}
.goodsList-results-wrapper.grid .goodsList-priceValue{
	font-size: 0.875rem;
}
.goodsList-results-wrapper.grid .btn_ghost01{
	display: none;
}



/* ***************************************************************************************************** */
/* ** $全商品一覧表示 ******************************************************************************************* */
/* ***************************************************************************************************** */
.goodsList-listAllBox .goodsList-listAllBox-cate{
	width: 48%;
	text-align: left;
	margin: 0 8px 32px;
	border: 1px solid #bfa77a;
}
.goodsList-listAllBox .goodsList-listAllBox-cate a{
	display: block;
	text-decoration: none;
}
.goodsList-listAllBox .goodsList-listAllBox-cate a:hover{
	opacity: 0.8;
}
.goodsList-listAllBox .goodsList-listAllBox-cate .goodsList-listAllBox-cateTitle{
	display: block;
	color: #fff;
	font-size: 1.125rem;
	background-color: #bfa77a;
	padding: 12px 22px;
}
.goodsList-listAllBox .goodsList-listAllBox-cate ul{
	padding: 20px 22px;
	font-size: 0;
}
.goodsList-listAllBox .goodsList-listAllBox-cate .goodsList-listAllBox-subcate{
	width: 50%;
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle;
}
.goodsList-listAllBox .goodsList-listAllBox-cate .goodsList-listAllBox-subcate,
.goodsList-listAllBox .goodsList-listAllBox-cate .goodsList-listAllBox-subcate a{
	font-size: 0.875rem;
}
.goodsList-listAllBox .goodsList-listAllBox-cate .goodsList-listAllBox-subcate a{
	text-decoration: underline;
}

.goodsList-listAll{
	text-align: left;
}
.goodsList-listAll .goodsList-listAll-cateTitle{
	font-size: 1.125rem;
	color: #fff;
	padding: 12px;
	background-color: #bfa77a;
	margin-bottom: 30px;
}
.goodsList-listAll .goodsList-listAll-subcateTitle{
	color: #644c1f;
	padding-left: 10px;
	margin-bottom: 24px;
	border-left: 3px solid #644c1f;
}

.goodsList-listAll .goodsList-listAll-goods{
	width: 25%;
	text-align: center;
	padding: 12px;
}

.goodsList-listAll .goodsList-listAll-goodsName,
.goodsList-listAll .goodsList-listAll-goodsNote,
.goodsList-listAll .goodsList-listAll-goodsPriceType,
.goodsList-listAll .goodsList-listAll-goodsPriceValue,
.goodsList-listAll-goodsPriceValueTaxExcluded,
.goodsList-listAll-goodsPriceValueTaxIncluded{
	font-size: 0.875rem;
	display: block;
	text-align: left;
}
.goodsList-listAll .goodsList-listAll-goodsName{
	margin-bottom: 24px;
}
.goodsList-listAll .goodsList-listAll-goodsNote{
	color: #ff0000;
	margin-bottom: 24px;
	font-weight: bold;
}
.goodsList-listAll .goodsList-listAll-goodsCode,
.goodsList-listAll .goodsList-listAll-goodsCode02{
	display: block;
	font-size: 1.25rem;
	text-align: left;
}
.goodsList-listAll .goodsList-listAll-goodsCode02{
	color: #0a2da2;
}

@media only screen and (max-width: 768px) {
	.goodsList-listAllBox .goodsList-listAllBox-cate{
		width: 100%;
	}
	.goodsList-listAllBox .goodsList-listAllBox-cate ul{
		padding-right: 20px;
		padding-left: 20px;
	}
	.goodsList-listAllBox .goodsList-listAllBox-cate .goodsList-listAllBox-subcate:nth-child(2n){
	padding-right: 0;
	padding-left: 10px;
	}
	.goodsList-listAll .goodsList-listAll-goods{
		width: 50%;
	}
}

/* 管理者用スタイル調整 */
.goodsList-listAll.admin .goodsList-listAll-goodsName{
	text-decoration: underline;
}

/* ***************************************************************************************************** */
/* ** $その他 ******************************************************************************************* */
/* ***************************************************************************************************** */

/* レイアウト */
.goodsList-columns-wrapper{
	padding-bottom: 77px;
}
.paragraph-note-wrapper{
	margin: 68px 0 38px;
}
.pagination{
	text-align: center;
}

/*詳しく見るボタン*/
.goodsList-price-wrapper .btn_ghost01 {
	padding: 0;
}
.goodsList-price-wrapper .btn_ghost01 a {
	display: block;
	padding: 0.50rem 2.50rem 0.50rem 2.00rem;
}
.goodsList-price-wrapper .btn_ghost01::after {
	margin-left: 0;
	right: 15px;
	top: 50%;
	margin-top: -12px;
}

/*販売終了ボタン*/
.goodsList-results-wrapper .btn_ghost01.inactive01,
.goodsList-results-wrapper .btn_ghost01.inactive01 a {
	padding: 0.50rem 2.25rem;
	border: 1px solid #644c1f;
	border-radius: 0.25rem;
}