/* 共通 */
#container{
	width: 100%;
}
.sec-title{
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 1px;
	border-bottom: 1px solid #535353;
	padding: 0 0 10px 10px;
	align-items: flex-end;
	line-height: 0.5;
	font-family: 'Josefin Sans', sans-serif;
}
.ft17{
	font-size: 17px !important;
}
.sec-title .mini,
.sec-title .ft15{
	margin-left: 20px;
	font-size: 11px;
	display: inline-block;
}
.sec-title .ft15{
	font-size: 15px;
}
.item-list{
	flex-wrap: wrap;
/* 	justify-content: space-between; */
}
.item-name{
	margin-top: 10px;
	font-size: 10px;
	line-height: 1.5;
}
.item-price{
	margin-top: 2px;
	color: #5b5b5b;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 13px;
}
.more-btn{
	margin-top: 30px;
	text-align: center;
	font-size: 14px;
	letter-spacing: 1px;
}
.more-btn a{
	margin: 0 auto;
	padding: 10px 0;
	width: 270px;
	border-radius: 30px;
	display: block;
	background: #efebe8;
}
.more-btn a .fal{
	margin-left: 8px;
}
.more-btn a:hover{
	background: #020202;
	color: #fff;
}
@media screen and (max-width:320px){
.sec-title{
	font-size: 20px;
	}
.sec-title .mini, .sec-title .ft15 {
    margin-left: 15px;
    font-size: 10px;
}
}

/* タブ切り替え */
.tab{
	margin: 0 auto;
	justify-content: space-between;
  border-bottom: 2px solid;
}
.tab li{
	width: 31%;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
}
.tab a{
	display: block;
	color: #5e5e5e;
	background: #d7cdc5;
	padding: 7px 0 3px;
	letter-spacing: 1px;
	cursor: pointer;
	font-size: 14px;
}
.tab li.active a{
	color: #fff;
	background: #381d08;
}
.area{
  display: none;
}
.area.show {
  display: block;
}
.tab2{
	margin: 0 auto;
	justify-content: space-between;
  border-bottom: 2px solid;
}
.tab2 li{
	width: 31%;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
}
.tab2 a{
	display: block;
	color: #5e5e5e;
	background: #d7cdc5;
	padding: 7px 0 3px;
	letter-spacing: 1px;
	cursor: pointer;
	font-size: 14px;
}
.tab2 li.active2 a{
	color: #fff;
	background: #381d08;
}
.area2{
  display: none;
}
.area2.show2{
  display: block;
}
/* トップカテゴリエリア */
.topcate-area{
	padding: 15px 0 20px;
}
.top-cate-list{
	justify-content: center;
}
.top-cate-list li{
	margin: 0 5px;
}
.top-cate-list a{
	padding: 0 8px 5px;
	font-size: 2.5vw;
	border-bottom: 2px solid transparent;
}
@media screen and (max-width:500px){
.top-cate-list a{
	padding: 0 3px;
	font-size: 13px;
	}
}
.top-cate-list a:hover{
	border-bottom: 2px solid #5e3819;
}
/* スライドエリア */
.top-slide{
  opacity: 0;
  transition: opacity .3s linear;
}
.top-slide.slick-initialized{
  opacity: 1;
}
/* 新着商品 */
.new-area .search-box{
	margin-top: 25px;
}
.new-ar-box{
	margin-top: 20px;
}
.new-area .item-list li{
	width: 32%;
	margin: 0 2% 0 0;
}
.new-area .item-list li:nth-of-type(3n) {
    margin: 0 0 0;
}
.new-area .item-list li:nth-of-type(n+4){
	margin-top: 15px;
}
/* 特集 */
.features-area{
	margin-top: 70px;
}
.features-list{
	margin-top: 20px;
	justify-content: space-between;
	flex-wrap: wrap;
}
.features-list li{
	width: 48%;
}
.features-list li:nth-of-type(n+3){
	margin: 20px 0 0 0;
}
.features-list li img{
	border: 1px solid #e7e7e7;
}
.feature-text{
	margin-top: 10px;
	font-size: 13px;
}
/* ランキング */
.rank-area{
	margin-top: 70px;
}
.rank-area .search-box{
	margin-top: 25px;
}
.new-rank-box{
	margin-top: 25px;
}
.rank-area .item-list li{
	margin: 0 2% 0 0;
	width: 32%;
	position: relative;
	font-family: 'Josefin Sans', sans-serif;
}
.rank-area .item-list li:nth-of-type(3n){
	margin: 0 0 0;
}
.rank-area .item-list li:nth-of-type(n+4){
	margin-top: 10px;
}

.rank-area .item-list li:before{
	content: "1";
	color: #fff;
	background: #b57b06;
	position: absolute;
	left: 6px;
	top: 4px;
	width: 25px;
	height: 25px;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	z-index: 2;
	font-weight: 900;
	padding-top: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.rank-area .item-list li:nth-of-type(2):before{
	content: "2";
	background: #6e7070;
}
.rank-area .item-list li:nth-of-type(3):before{
	content: "3";
	background: #96685e;
}
.rank-area .item-list li:nth-of-type(4):before{
	content: "4";
}
.rank-area .item-list li:nth-of-type(5):before{
	content: "5";
}
.rank-area .item-list li:nth-of-type(6):before{
	content: "6";
}
.rank-area .item-list li:nth-of-type(7):before{
	content: "7";
}
.rank-area .item-list li:nth-of-type(8):before{
	content: "8";
}
.rank-area .item-list li:nth-of-type(9):before{
	content: "9";
}
.rank-area .item-list li:nth-of-type(10){
	display: none !important;
}
.rank-area .item-list li:nth-of-type(n+4):before{
	color: #000;
	background: #fff;
}
/* 注目ブランド */
.brand-area{
	margin-top: 70px;
}
.brand-list{
	margin-top: 25px;
	flex-wrap: wrap;
}
.brand-list li{
	margin: 0 2.5% 0 0;
	width: 22%;
}
.brand-list li:nth-of-type(n+5){
	margin-top: 20px
}
.searchbox{
	background: #f2f2f2;
	padding: 1px 25px 30px;
	margin-top: 50px;
}
/* インスタ */
.insta-area{
	margin-top: 70px;
}
.insta-list{
	margin-top: 25px;
	flex-wrap: wrap;
}
.insta-list li{
	margin: 0 2% 0 0;
	width: 32%;
}
.insta-list li:nth-of-type(3n){
	margin: 0 0 0;
}
.insta-list li:nth-of-type(n+4){
	margin-top: 6px;
}
.insta-list li:nth-of-type(n+13){
	display: none;
}
.insta-list li img{
	object-fit: cover;
	width: 100%;
	height: 30vw;
	max-height: 220px;
}
/* 閲覧履歴 */
.history-area{
	margin-top: 70px;
}
.scroll-wrap {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.history-list{
	margin: 16px auto 0;
	opacity: 0;
  transition: opacity .3s linear;
  width: 100%;
  padding-bottom: 20px;
}
.history-list.slick-initialized{
  opacity: 1;
}
.history-list .slick-slide{
	margin: 0 5px;
}
/* slick dots */
.slick-dots {
  bottom: -20px !important;
}
.slick-dots li.slick-active button:before {
  color: #5f381a !important;
}
.slick-dots li button:before {
  color: #5f381a !important;
}
/* トップバナーエリア */
section.bn_area ul {
	margin: 50px auto 0;
	width: 80%;
}
section.bn_area ul li{
	margin: 15px 0;
}
section.bn_area ul li img{
	width: 100%;
}