@charset "utf-8";
body {
	line-height:1.7;
	/* letter-spacing:1px; */
}
#contents > article {
    width: 100%;
    max-width:inherit;
    margin: 0 auto;
}
/*============================================
大枠調整
==============================================*/
#contents {
  width: 100%;
  padding-top: 0;
  padding: 0;
  box-sizing: border-box;
  max-width: 100%;
}
#contents > article {
  width: 100%;
  margin: 0 auto;
}
#main-column {
  float: inherit;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
  padding: 0;
}
#main-column .w100 .freeArea2 {
    margin-bottom: 0;
    padding-bottom: 0;
}
.header_area {
  text-align: left;
  width: 1200px;
  margin: 0px auto;
}

/*商品リスト*/
#main-column .newItem,
#main-column .pickup,
#main-column .ranking {
  position: relative;
  width: 95%;
  margin: 90px auto;
  background: none;
  /* padding: 90px 0; */
  box-sizing: border-box;
  max-width: 1200px;
}

.newItem .badge,
.pickup .badge{
display:none;
}

.ranking .badge{display:block;position: unset;margin: 0 auto 10px;width: 40%;height: auto;max-width: 80px;}

@media screen and (max-width:1200px){
	/*商品リスト*/
	#main-column .newItem,
	#main-column .pickup,
	#main-column .ranking {
	/* position: relative; */
	/* width: 90%; */
	/* margin: 100px auto; */
	/* background: none; */
	/* padding: 90px 0; */
	/* box-sizing: border-box; */
	/* max-width: 1200px; */
	}
}
@media screen and (max-width: 768px) {
	#contents {
		width: 100%;
		padding-top: 0;
		padding: 0;
		box-sizing: border-box;
		overflow:auto;
		overflow-x:hidden;
		max-width: 100%;
	}
	/*商品リスト*/
	#main-column .newItem,
	#main-column .pickup,
	#main-column .ranking {
		position: relative;
		width: 95%;
		margin: 7% auto;
		background: none;
		padding: 0;
		box-sizing: border-box;
		max-width: 1200px;
	}
}
@media screen and (max-width: 580px) {
	#contents {
		width: 100%;
		padding-top: 0;
		padding: 0;
		box-sizing: border-box;
		overflow:auto;
		overflow-x:hidden;
		max-width: 100%;
	}

	#main-column .newItem,
	#main-column .pickup,
	#main-column .ranking {
		position: relative;
		width: 90%;
		margin: 10% auto;
		background: none;
		padding: 0;
		box-sizing: border-box;
		max-width: 1200px;
	}
}

/*========================================
TOP slider hover
=========================================*/
#slider a:hover img{
    opacity: 1;
}
/*========================================
トップページ　コンテンツ
=========================================*/
/*見出し　新着・おすすめ・ランキング・フリーエリア
================================*/
#main-column > section h2,
#main-column section.w100 .news h2 {
	text-align: center;
	border-bottom: none;
	display: flex;
	align-items:center;
	justify-content:center;
	position: relative;
	font-size: 30px;
	padding: 0;
	line-height: 1.7;
	vertical-align: middle;
	margin: 0 0 50px;
	min-height: inherit;
	border-top: none;
	font-weight: 500;
	box-sizing: border-box;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0;
}

#main-column .newItem h2:before,
#main-column .pickup h2:before,
#main-column .ranking h2:before,
#main-column > section h2:before,
#main-column .w100 .news h2:before,
#main-column .newItem h2:after,
#main-column .pickup h2::after,
#main-column .ranking h2:after,
#main-column > section h2:after,
#main-column .w100 .news h2:after{
    content:none;
}

@media screen and (max-width:1200px){
	/*見出し　新着・おすすめ・ランキング・フリーエリア
	================================*/
	#main-column > section h2,
	#main-column section.w100 .news h2 {
		/* text-align: center; */
		/* border-bottom: none; */
		/* display: flex; */
		/* align-items:center; */
		/* justify-content:center; */
		/* position: relative; */
		/* font-size: 3.5vw; */
		/* padding: 0; */
		/* line-height: 1.7; */
		/* vertical-align: middle; */
		/* margin: 0 0 4%; */
		/* min-height: inherit; */
		/* border-top: none; */
		/* font-weight: 500; */
		/* box-sizing: border-box; */
		/* font-family: 'Noto Serif JP', serif; */
	}

	#main-column .newItem h2:before,
	#main-column .pickup h2:before,
	#main-column .ranking h2:before,
	#main-column > section h2:before,
	#main-column .w100 .news h2:before,
	#main-column .newItem h2:after,
	#main-column .pickup h2::after,
	#main-column .ranking h2:after,
	#main-column > section h2:after,
	#main-column .w100 .news h2:after{
		/* content:""; */
		display:inline-block;
		max-width: 100px;
		margin: 0 2%;
		width:100%;
		height:2px;
		background: #aaa;
		position:relative;
		top:50%;
		transform:translateY(-50%);
	}
	#main-column .newItem h2:before,
	#main-column .pickup h2:before,
	#main-column .ranking h2:before,
	#main-column > section h2:before,
	#main-column .w100 .news h2:before{
		left:0;
	}
	#main-column .newItem h2:after,
	#main-column .pickup h2::after,
	#main-column .ranking h2:after,
	#main-column > section h2:after,
	#main-column .w100 .news h2:after{
		right:0;
	}
}
@media screen and (max-width:768px){
	/*見出し　新着・おすすめ・ランキング・フリーエリア
	================================*/
	#main-column > section h2,
	#main-column section.w100 .news h2 {
		/* text-align: center; */
		/* border-bottom: none; */
		/* display: flex; */
		/* align-items:center; */
		/* justify-content:center; */
		/* position: relative; */
		/* font-size: 4vw; */
		/* padding: 0; */
		/* line-height: 1.7; */
		/* vertical-align: middle; */
		margin: 0 0 5%;
		/* min-height: inherit; */
		/* border-top: none; */
		/* font-weight: 500; */
		/* box-sizing: border-box; */
		/* font-family: 'Noto Serif JP', serif; */
	}

	#main-column .newItem h2:before,
	#main-column .pickup h2:before,
	#main-column .ranking h2:before,
	#main-column > section h2:before,
	#main-column .w100 .news h2:before,
	#main-column .newItem h2:after,
	#main-column .pickup h2::after,
	#main-column .ranking h2:after,
	#main-column > section h2:after,
	#main-column .w100 .news h2:after{
		/* content:""; */
		display:inline-block;
		max-width: 13%;
		margin: 0 2%;
		width:100%;
		height:2px;
		background: #aaa;
		position:relative;
		top:50%;
		transform:translateY(-50%);
	}
}
@media screen and (max-width:580px){
	/*見出し　新着・おすすめ・ランキング・フリーエリア
	================================*/
	#main-column > section h2,
	#main-column section.w100 .news h2 {
		/* text-align: center; */
		/* border-bottom: none; */
		/* display: flex; */
		/* align-items:center; */
		/* justify-content:center; */
		/* position: relative; */
		font-size: 5vw;
		/* padding: 0; */
		/* line-height: 1.7; */
		/* vertical-align: middle; */
		margin: 0 0 5%;
		/* min-height: inherit; */
		/* border-top: none; */
		/* font-weight: 500; */
		/* box-sizing: border-box; */
		/* font-family: 'Noto Serif JP', serif; */
	}

	#main-column .newItem h2:before,
	#main-column .pickup h2:before,
	#main-column .ranking h2:before,
	#main-column > section h2:before,
	#main-column .w100 .news h2:before,
	#main-column .newItem h2:after,
	#main-column .pickup h2::after,
	#main-column .ranking h2:after,
	#main-column > section h2:after,
	#main-column .w100 .news h2:after{
		/* content:""; */
		display:inline-block;
		max-width: 13%;
		margin: 0 2%;
		width:100%;
		height:2px;
		background: #aaa;
		position:relative;
		top:50%;
		transform:translateY(-50%);
	}
}

/*=================
カレンダー
===================*/
div#subc_calendar h2 {
    border: none;
    font-size: 18px;
    padding:0;
    margin:0;
    border-bottom:none;
}
@media screen and (max-width:580px){
	div#subc_calendar h2 {
		border: none;
		font-size: 18px;
		padding: 0;
		margin: 0 auto 5%;
		border-bottom: none;
		width: 100%;
		display: block;
	}
}
/*=================
共通 大枠
===================*/
.top-cont-area{
	max-width: 1200px;
	width: 95%;
	margin: 90px auto;
	box-sizing: border-box;
	/* padding: 90px 0; */
}
@media screen and (max-width:768px){
	.top-cont-area{
		margin: 7% auto 10%;
	}
}
@media screen and (max-width:580px){
	.top-cont-area{
		margin: 7% auto 10%;
		width: 90%;
	}
}

/*=================
共通 パーツ
===================*/
/*コンテンツ見出し*/
.free-contents> section >h3{
	max-width:255px;
	margin:0 auto 50px;
}

/*カテゴリリスト*/
.freeArea2 .free-contents ul.cate-list{
	display:flex;
	flex-wrap:wrap;
	margin:0;
}
.freeArea2 .free-contents ul.cate-list li{
	width: 30%;
	list-style:none;
	margin: 0 5% 5% 0;
	position: relative;
}
.freeArea2 .free-contents ul.cate-list li a:hover p{
	background:none;
}
.freeArea2 .free-contents ul.cate-list li:nth-child(3n){
	margin-right: 0;
}
.cate-list li img{
	margin: 0 0 20px 0;
}
.cate-list li .list-txt h5{
	font-family: 'Noto Serif JP', serif;
	font-size:20px;
	margin: 0 0 20px;
	line-height: 1.4;
}
.cate-list li .list-txt p{
	font-size:16px;
	line-height: 1.6;
}

@media screen and (max-width:1200px){
	/*コンテンツ見出し*/
	.free-contents> section >h3{
		max-width:255px;
		margin:0 auto 50px;
	}
	
	/*カテゴリリスト*/
	.freeArea2 .free-contents ul.cate-list{
		display:flex;
		flex-wrap:wrap;
		margin:0;
	}
	.freeArea2 .free-contents ul.cate-list li{
		width: 30%;
		list-style:none;
		margin: 0 5% 5% 0;
		position: relative;
	}
	.freeArea2 .free-contents ul.cate-list li:nth-child(3n){
		margin-right: 0;
	}
	.cate-list li img{
		margin: 0 0 20px 0;
	}
	.cate-list li .list-txt h5{
		font-family: 'Noto Serif JP', serif;
		font-size:20px;
		margin: 0 0 20px;
	}
	.cate-list li .list-txt p{
		/* font-size:16px; */
		/* line-height: 1.6; */
	}
}

@media screen and (max-width:768px){
	/*コンテンツ見出し*/
	.free-contents> section >h3{
		max-width: 30%;
		margin: 0 auto 5%;
	}
	
	/*カテゴリリスト*/
	.freeArea2 .free-contents ul.cate-list{
		display:flex;
		flex-wrap:wrap;
		margin:0;
	}
	.freeArea2 .free-contents ul.cate-list li{
		width: 31.3%;
		list-style:none;
		margin: 0 3% 4% 0;
		position: relative;
	}
	.freeArea2 .free-contents ul.cate-list li:nth-child(3n){
		margin-right: 0;
	}
	.cate-list li img{
		margin: 0 0 5% 0;
	}
	.cate-list li .list-txt h5{
		font-family: 'Noto Serif JP', serif;
		font-size: 18px;
		margin: 0 0 5%;
	}
	.cate-list li .list-txt p{
		font-size: 14px;
		/* line-height: 1.6; */
	}
}

@media screen and (max-width:580px){
	/*コンテンツ見出し*/
	.free-contents> section >h3{
		max-width: 40%;
		margin: 0 auto 5%;
	}
	
	/*カテゴリリスト*/
	.freeArea2 .free-contents ul.cate-list{
		display:flex;
		flex-wrap:wrap;
		margin:0;
		justify-content: space-between;
	}
	.freeArea2 .free-contents ul.cate-list li{
		width: 48%;
		list-style:none;
		margin: 0 0 5% 0;
		position: relative;
	}
	.freeArea2 .free-contents ul.cate-list li:nth-child(3n){
		margin-right: 3%;
	}
	.freeArea2 .free-contents ul.cate-list li:nth-child(2n){
		margin-right: 0;
	}
	.cate-list li img{
		margin: 0 0 5% 0;
	}
	.cate-list li .list-txt h5{
		/* font-family: 'Noto Serif JP', serif; */
		font-size: 3.8vw;
		margin: 0 0 3%;
	}
	.cate-list li .list-txt p{
		font-size: 3vw;
		/* line-height: 1.6; */
	}
}

/*=================
個別設定　法人注文
===================*/
.hojin-contact{
	margin: 0 auto;
	width: 90%;
	display:flex;
	border:2px solid #989898;
	/* border-radius: 30px; */
	padding: 35px 3%;
	box-sizing:border-box;
	position:relative;
	line-height: 1.8;
	align-items: center;
}
.hojin-contact:before,
.hojin-contact:after{
	content:"";
	width:40px;
	height: 100px;
	display:inline-block;
	background:#fff;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.hojin-contact:before{
	left:-2%;
}
.hojin-contact:after{
	right:-2%;
}
.hojin-tel{
	width: 70%;
	text-align:center;
	border-right: 2px solid #989898;
	padding: 10px 0;
}
.hojin-tel .freedial{
	display:flex;
	justify-content:center;
	font-size:25px;
	align-items: center;
	margin: 0 0 10px;
}
.hojin-tel .freedial h4{
	margin:0 3% 0 0;
	    font-family: 'Noto Serif JP', serif;
    font-feature-settings: "palt";
}
.hojin-tel .freedial > p{
	width:40%;
}
.hojin-tel .freedial p a{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: bold;
	display: flex;
	align-items: center;
	font-size: 30px;
}
.hojin-tel .freedial p a img{
	width:1000%;
}
.hojin-tel .freedial p a:before{
	/* content:""; */
	width: 45px;
	height:30px;
	display:inline-block;
	background:url(../img/icon-freedial.svg)no-repeat;
	margin:0 10px 0 0;
	background-size: contain;
}
	
.hojin-tel .time{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: bold;
}
.hojin-detaile{
	width: 23%;
	margin: 0 auto;
}
.hojin-detaile a{
	display:block;
	padding: 4% 2%;
	border:2px solid #989898;
	width:100%;
	text-align: center;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	/* border-radius: 10px; */
	font-size: 120%;
	box-sizing: border-box;
	font-weight: bold;
}
.hojin-detaile a:hover{
	background:#989898;
	color:#fff;
}

@media screen and (max-width:1200px){
	.hojin-contact{
		margin: 0 auto;
		width: 95%;
		display:flex;
		border:2px solid #989898;
		/* border-radius: 30px; */
		padding: 25px 0;
		box-sizing:border-box;
		position:relative;
		line-height: 1.8;
		align-items: center;
	}
	.hojin-contact:before,
	.hojin-contact:after{
		content:"";
		width: 20px;
		height: 100px;
		display:inline-block;
		background:#fff;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
	}
	.hojin-contact:before{
		left: -1%;
	}
	.hojin-contact:after{
		right: -1%;
	}
	.hojin-tel{
		width: 72%;
		text-align:center;
		border-right: 2px solid #989898;
		padding: 10px;
	}
	.hojin-tel .freedial{
		display:flex;
		justify-content:center;
		font-size: 23px;
		align-items: center;
		margin: 0 0 10px;
	}
	.hojin-tel .freedial h4{
		margin:0 3% 0 0;
		/* font-family: 'Noto Serif JP', serif; */
		/* font-feature-settings: "palt"; */
	}
	.hojin-tel .freedial > p{
		width: 35%;
	}
	.hojin-tel .freedial p a{
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		font-weight: bold;
		display: flex;
		align-items: center;
		font-size: 30px;
	}
	.hojin-tel .freedial p a img{
		width:1000%;
	}
	.hojin-tel .freedial p a:before{
		/* content:""; */
		width: 45px;
		height:30px;
		display:inline-block;
		background:url(../img/icon-freedial.svg)no-repeat;
		margin:0 10px 0 0;
		background-size: contain;
	}
		
	.hojin-tel .time{
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		font-weight: bold;
	}
	.hojin-detaile{
		width: 20%;
		/* margin: 0 auto; */
	}
	.hojin-detaile a{
		display:block;
		padding: 4% 2%;
		border:2px solid #989898;
		width:100%;
		text-align: center;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		/* border-radius: 10px; */
		font-size: 16px;
		box-sizing: border-box;
		font-weight: bold;
	}
	.hojin-detaile a:hover{
		background:#989898;
		color:#fff;
	}
}

@media screen and (max-width:768px){
	.hojin-contact{
		margin: 0 auto;
		width: 95%;
		display: block;
		border:2px solid #989898;
		/* border-radius: 30px; */
		padding: 25px 0;
		box-sizing:border-box;
		position:relative;
		line-height: 1.8;
		align-items: center;
	}
	.hojin-contact:before,
	.hojin-contact:after{
		content:"";
		width: 20px;
		height: 100px;
		display:inline-block;
		background:#fff;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
	}
	.hojin-contact:before{
		left: -1%;
	}
	.hojin-contact:after{
		right: -1%;
	}
	.hojin-tel{
		width: 100%;
		text-align:center;
		border-right: none;
		padding: 0 2%;
		box-sizing: border-box;
	}
	.hojin-tel .freedial{
		/* display:flex; */
		/* justify-content:center; */
		font-size: 3.4vw;
		/* align-items: center; */
		margin: 0 0 5px;
	}
	.hojin-tel .freedial h4{
		margin:0 3% 0 0;
		/* font-family: 'Noto Serif JP', serif; */
		/* font-feature-settings: "palt"; */
	}
	.hojin-tel .freedial > p{
		width: 43%;
	}
	.hojin-tel .freedial p a{
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		font-weight: bold;
		display: flex;
		align-items: center;
		font-size: 30px;
	}
	.hojin-tel .freedial p a img{
		width:1000%;
	}
	.hojin-tel .freedial p a:before{
		/* content:""; */
		width: 45px;
		height:30px;
		display:inline-block;
		background:url(../img/icon-freedial.svg)no-repeat;
		margin:0 10px 0 0;
		background-size: contain;
	}
		
	.hojin-tel .time{
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		font-weight: bold;
	}
	.hojin-detaile{
		width: 90%;
		margin: 15px auto 0;
		max-width: 240px;
	}
	.hojin-detaile a{
		display:block;
		padding: 4% 2%;
		border:2px solid #989898;
		width:100%;
		text-align: center;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		/* border-radius: 10px; */
		font-size: 16px;
		box-sizing: border-box;
		font-weight: bold;
	}
	.hojin-detaile a:hover{
		background:#989898;
		color:#fff;
	}
}

@media screen and (max-width:580px){
	.hojin-contact{
		margin: 0 auto;
		width: 95%;
		display: block;
		border: 1px solid #989898;
		/* border-radius: 20px; */
		padding: 5% 0;
		box-sizing:border-box;
		position:relative;
		line-height: 1.8;
		align-items: center;
	}
	.hojin-contact:before,
	.hojin-contact:after{
		content:"";
		width: 15px;
		height: 80px;
		display:inline-block;
		background:#fff;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
	}
	.hojin-contact:before{
		left: -3%;
	}
	.hojin-contact:after{
		right: -3%;
	}
	.hojin-tel{
		width: 100%;
		text-align:center;
		border-right: none;
		padding: 0 2%;
		box-sizing: border-box;
	}
	.hojin-tel .freedial{
		/* display:flex; */
		/* justify-content:center; */
		font-size: 3vw;
		/* align-items: center; */
		margin: 0 0 5px;
	}
	.hojin-tel .time{
		font-size: 3vw;
	}
	.hojin-tel .freedial h4{
		margin: 0 2% 0 0;
		/* font-family: 'Noto Serif JP', serif; */
		/* font-feature-settings: "palt"; */
	}
	.hojin-tel .freedial > p{
		width: 43%;
	}
	.hojin-tel .freedial p a{
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		font-weight: bold;
		display: flex;
		align-items: center;
		font-size: 30px;
	}
	.hojin-tel .freedial p a img{
		width:1000%;
	}
	.hojin-tel .freedial p a:before{
		/* content:""; */
		width: 45px;
		height:30px;
		display:inline-block;
		background:url(../img/icon-freedial.svg)no-repeat;
		margin:0 10px 0 0;
		background-size: contain;
	}
		
	.hojin-tel .time{
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		font-weight: bold;
	}
	.hojin-detaile{
		width: 50%;
		margin: 3% auto 0;
		max-width: 240px;
	}
	.hojin-detaile a{
		display:block;
		padding: 3% 2%;
		border: 1px solid #989898;
		width:100%;
		text-align: center;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		/* border-radius: 10px; */
		font-size: 3vw;
		box-sizing: border-box;
		font-weight: bold;
	}
	.hojin-detaile a:hover{
		background:#989898;
		color:#fff;
	}
}
/*=================
個別設定　定番の詰合せ
2026.10 TOPリニューアル（プルネット）：top.css に移行（2026.10）
マークアップを section.ks-teiban に置き換えたため、#top-teiban・ul.cate-list.teiban・.btn-detaile の指定を全ブレークポイントで削除
===================*/
/*=================
個別設定　その他の作品
===================*/
.free-contents> section#top-other > h3 {
    max-width: 170px;
}
@media screen and (max-width:580px){
	.free-contents> section#top-other > h3 {
	    max-width: 35%;
	}
}
/*=================
個別設定　用途・価格で選ぶ
2026.10 TOPリニューアル（プルネット）：top.css に移行（2026.10）
マークアップを section.ks-erabu に置き換えたため、#top-erabu > h3・.cate-erabu-area・ul.erabu-list の指定を全ブレークポイントで削除
===================*/
/*=================
バナーリンク
===================*/
#top-bnrlink{
	margin: 90px auto;
}
.freeArea2 .free-contents ul.bnr-list{
	margin: 0 auto;
	display:flex;
	max-width: 1200px;
}
.freeArea2 .free-contents ul.bnr-list li{
	list-style:none;
	width: 50%;
}
.freeArea2 .free-contents ul.bnr-list li a{
	display:block;
}
.freeArea2 .free-contents ul.bnr-list li a img{
	width:100%;
}
@media screen and (max-width:768px){
	#top-bnrlink{
	margin: 7% auto 10%;
	}
	.freeArea2 .free-contents ul.bnr-list{
		margin: 0;
		display:flex;
	}
	.freeArea2 .free-contents ul.bnr-list li{
		list-style:none;
		width: 50%;
	}
	.freeArea2 .free-contents ul.bnr-list li a{
		display:block;
	}
	.freeArea2 .free-contents ul.bnr-list li a img{
		width:100%;
	}
}
@media screen and (max-width:580px){
	#top-bnrlink{
	margin: 7% auto 10%;
	}
	.freeArea2 .free-contents ul.bnr-list{
		margin:0;
		display: block;
	}
	.freeArea2 .free-contents ul.bnr-list li{
		list-style:none;
		width: 100%;
		margin: 0 0 3%;
	}
	.freeArea2 .free-contents ul.bnr-list li a{
		display:block;
	}
	.freeArea2 .free-contents ul.bnr-list li a img{
		width:100%;
	}
}

/*===================
WP記事読み込み
=====================*/
#top-wp-article{
	width:95%;
	max-width:1200px;
	margin: 70px auto;
}
#top-wp-article h4{
	border-bottom:4px double;
	font-size:28px;
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	padding: 5px;
	margin: 0 0 25px;
}
#ins-wp-article{
	margin:40px 0;
}
#ins-wp-article ul{
	display:flex;
	justify-content:space-between;
	margin: 0;
}
#ins-wp-article ul li{
	width:48%;
}
#ins-wp-article ul li a{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#ins-wp-article ul li a picture{
	width: 50%;
}
#ins-wp-article ul li a picture img{
	width:100%;
}
#ins-wp-article ul li a .wp-text{
	width: 45%;
	font-size: 16px;
	color: #000;
}
#ins-wp-article ul li a .wp-text .wp-date{color: #000;background: none;}
#ins-wp-article ul li a .wp-text h3{
	margin:10px 0;
	font-weight:normal;
	line-height: 1.6;
}
#ins-wp-article ul li a .wp-text .wp-more{
	font-size:14px;
	position: relative;
	display: flex;
	align-items: center;
}
#ins-wp-article ul li a .wp-text .wp-more:before{
	content:"";
	display:inline-block;
	width: 22px;
	height: 10px;
	background: url(../img/arrow-right-red.svg)no-repeat;
	margin: 0 5px 0 0;
	background-size: contain;
}
.link-allitem{
	margin: 30px auto;
}
.link-allitem a{
	max-width:300px;
	display:block;
	border-radius:10px;
	border: 1px solid #000;
	box-sizing:border-box;
	font-size: 23px;
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
}
.link-allitem a:hover {
    background: #c40018;
    color: #fff;
    border: 1px solid #c40018;
}
@media screen and (max-width:580px){
	#top-wp-article{
		width:95%;
		max-width:1200px;
		margin: 70px auto;
	}
	#top-wp-article h4{
		border-bottom:4px double;
		font-size: 5vw;
		font-family: 'Noto Serif JP', serif;
		text-align: center;
		padding: 3%;
		margin: 0 0 5%;
	}
	#ins-wp-article{
		margin: 7% 0;
	}
	#ins-wp-article ul{
		display: block;
		justify-content:space-between;
		margin: 0;
	}
	#ins-wp-article ul li{
		width: 100%;
		margin: 20px 0;
	}
	#ins-wp-article ul li a{
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	#ins-wp-article ul li a:hover{
		opacity:1;
	}
	#ins-wp-article ul li a picture{
		width: 45%;
	}
	#ins-wp-article ul li a picture img{
		width:100%;
	}
	#ins-wp-article ul li a .wp-text{
		width: 50%;
		font-size: 3vw;
	}
	#ins-wp-article ul li a .wp-text .wp-date{
	}
	#ins-wp-article ul li a .wp-text h3{
		margin: 3% 0;
		font-weight:normal;
	}
	#ins-wp-article ul li a .wp-text .wp-more{
		font-size: 3vw;
		position: relative;
		display: flex;
		align-items: center;
	}
	#ins-wp-article ul li a .wp-text .wp-more:before{
		content:"";
		display:inline-block;
		width: 18px;
		height: 9px;
		/* background: url(../img/arrow-right.svg)no-repeat; */
		margin: 0 5px 0 0;
	}
	.link-allitem{
		margin: 7% auto;
	}
	.link-allitem a{
		max-width:300px;
		display:block;
		border-radius:10px;
		border: 1px solid #000;
		box-sizing:border-box;
		font-size: 3.8vw;
		font-family: 'Noto Serif JP', serif;
		text-align: center;
		margin: 0 auto;
		padding: 2%;
	}
	.link-allitem a:hover {
	    background: #fff;
	    color: #000;
	    border: 1px solid #000;
	}
}
/*=================
お知らせ
===================*/
#bg-news{
	background: #ccc;
	padding:90px 0;
}
.w100 .news {
	max-width:1000px;
	width: 95%;
	margin: 0 auto;
	padding: 0 0 15px;
}
#main-column section.w100 .news h2{
	/* text-align:left; */
	/* width: 100%; */
	justify-content: left;
	font-size: 22px;
}
.news .news-contents {
    padding: 50px;
    background:#fff;
    height: 290px;
    overflow-y: scroll;
}
dl.news-box {
    font-size: 14px;
    padding: 30px 0;
    border-bottom: 1px dashed #999;
}
dl.news-box:first-child {
    border-top:none;
}
dl.news-box dd{
    display:flex;
    flex-wrap:wrap;
    line-height: 1.6;
}
dl.news-box dd .news-date{
	width: 15%;
	padding: 0;
}
dl.news-box dd .news-text{
	width: 85%;
	padding: 0;
}
/*百福庵・活創庵*/
#ins-restaurant{
	max-width:1000px;
	margin: 50px auto 0;
	width:90%;
	background: #604b3b;
}
#ins-restaurant figure{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
#ins-restaurant figure figcaption{
	width:70%;
	padding:5%;
	box-sizing:border-box;
	display: flex;
	align-items: center;
	flex-wrap:wrap;
}
#ins-restaurant figure figcaption img{
	width:30%;
	padding:0 5%;
	box-sizing:border-box;
	border-right:2px solid #fff;
	margin:0 5% 0 0;
}
#ins-restaurant figure figcaption p{
	width: 65%;
	color:#fff;
}
article #ins-restaurant a:hover figure figcaption p{
	background:none;
}
#ins-restaurant figure > img{
	width:30%;
}
@media screen and (max-width:1200px){
	#bg-news{
		/* background:#ccc; */
		/* padding:90px 0; */
	}
	.w100 .news {
		max-width:1000px;
		/* width: 90%; */
		margin: 0 auto;
		padding: 0 0 15px;
	}
	#main-column section.w100 .news h2{
		/* text-align:left; */
		/* width: 100%; */
		justify-content: left;
		font-size: 22px;
	}
	.news .news-contents {
	    padding: 5%;
	    background:#fff;
	    height: 290px;
	    overflow-y: scroll;
	}
	dl.news-box {
	    font-size: 14px;
	    padding: 30px 0;
	    border-bottom: 1px dashed #999;
	}
	dl.news-box:first-child {
	    border-top:none;
	}
	dl.news-box dd{
	    /* display:flex; */
	    /* flex-wrap:wrap; */
	}
	dl.news-box dd .news-date{
		width: 15%;
	}
	dl.news-box dd .news-text{
		width: 85%;
	}
	/*百福庵・活創庵*/
	#ins-restaurant{
		max-width:1000px;
		margin: 50px auto 0;
		width: 95%;
		background: #604b3b;
	}
	#ins-restaurant figure{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}
	#ins-restaurant figure figcaption{
		width:70%;
		padding: 0 3%;
		box-sizing:border-box;
		display: flex;
		align-items: center;
		flex-wrap:wrap;
	}
	#ins-restaurant figure figcaption img{
		width:30%;
		padding:0 5%;
		box-sizing:border-box;
		border-right:2px solid #fff;
		margin:0 5% 0 0;
	}
	#ins-restaurant figure figcaption p{
		width: 63%;
		color:#fff;
		font-size: 15px;
	}
	#ins-restaurant figure > img{
		width:30%;
	}
}

@media screen and (max-width:768px){
	#bg-news{
		/* background:#ccc; */
		padding:7% 0 10%;
	}
	.w100 .news {
		max-width:1000px;
		/* width: 90%; */
		margin: 0 auto;
		padding: 0 0 15px;
	}
	#main-column section.w100 .news h2{
		/* text-align:left; */
		/* width: 100%; */
		justify-content: left;
		font-size: 22px;
	}
	.news .news-contents {
	    padding: 5%;
	    background:#fff;
	    height: 290px;
	    overflow-y: scroll;
	}
	dl.news-box {
	    font-size: 14px;
	    padding: 5% 0;
	    /* border-bottom: 1px dashed #999; */
	}
	dl.news-box:first-child {
	    border-top:none;
	}
	dl.news-box dd{
	    /* display:flex; */
	    /* flex-wrap:wrap; */
	}
	dl.news-box dd .news-date{
		width: 25%;
	}
	dl.news-box dd .news-text{
		width: 75%;
	}
	/*百福庵・活創庵*/
	#ins-restaurant{
		max-width:1000px;
		margin: 5% auto 0;
		width: 95%;
		background: #604b3b;
	}
	#ins-restaurant figure{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		padding: 5% 0;
		justify-content: space-between;
	}
	#ins-restaurant figure figcaption{
		width: 61%;
		padding: 0 3% 0 5%;
		box-sizing:border-box;
		display: block;
		align-items: center;
		flex-wrap:wrap;
	}
	#ins-restaurant figure figcaption img{
		width: 30%;
		padding: 0;
		box-sizing:border-box;
		border-right: none;
		margin: 0 0 5% 0;
	}
	#ins-restaurant figure figcaption p{
		width: 100%;
		color:#fff;
		font-size: 14px;
	}
	#ins-restaurant figure > img{
		width: 37%;
	}
}


@media screen and (max-width:580px){
	#bg-news{
		/* background:#ccc; */
		/* padding:7% 0 10%; */
	}
	.w100 .news {
		max-width:1000px;
		/* width: 90%; */
		margin: 0 auto;
		padding: 0 0 3%;
	}
	#main-column section.w100 .news h2{
		/* text-align:left; */
		/* width: 100%; */
		justify-content: center;
		font-size: 4.5vw;
	}
	.news .news-contents {
	    padding: 3% 5%;
	    background:#fff;
	    height: 80vw;
	    overflow-y: scroll;
	}
	dl.news-box {
	    font-size: 3vw;
	    padding: 5% 0;
	    /* border-bottom: 1px dashed #999; */
	}
	dl.news-box:first-child {
	    border-top:none;
	}
	dl.news-box dd{
	    /* display:flex; */
	    /* flex-wrap:wrap; */
	}
	dl.news-box dd .news-date{
		width: 25%;
	}
	dl.news-box dd .news-text{
		width: 75%;
	}
	/*百福庵・活創庵*/
	#ins-restaurant{
		max-width:1000px;
		margin: 5% auto 0;
		width: 95%;
		background: #604b3b;
	}
	#ins-restaurant figure{
		/* display:flex; */
		/* flex-wrap:wrap; */
		/* align-items:center; */
		padding: 5% 0;
		/* justify-content: space-between; */
	}
	#ins-restaurant figure figcaption{
		width: 60%;
		padding: 0 2% 0 5%;
		/* box-sizing:border-box; */
		/* display: block; */
		/* align-items: center; */
		/* flex-wrap:wrap; */
	}
	#ins-restaurant figure figcaption img{
		width: 40%;
		padding: 0;
		box-sizing:border-box;
		border-right: none;
		margin: 0 0 7% 0;
	}
	#ins-restaurant figure figcaption p{
		width: 100%;
		color:#fff;
		font-size: 3vw;
	}
	#ins-restaurant figure > img{
		width: 40%;
	}
}

/*新着・ランキング・おすすめ 商品リスト
=========================================*/
/*大枠*/
.newItem .column-set,
#itemList .column-set,
.pickup .column-set,
.ranking .column-set,
.recommend .column-set {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.ranking .column-set{
	justify-content:center;
}
.column4,
.column5  {
	float: none;
	width: 17.6%;
	margin: 0 3% 20px 0;
	padding-bottom: 0;
	clear: none!important;
}
.column4:nth-child(4n),
.column5:nth-child(4n) {
	margin: 0 3% 20px 0;
}
.column4:nth-child(5n),
.column5:nth-child(5n) {
	margin: 0 0 20px 0;
	clear: inherit;
}

.column4 h3,
.column5 h3 {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 10px;
	font-weight: 500;
}
.column4 h3 a,
.column5 h3 a{
	color: #000;
	font-weight: bold;
	/* letter-spacing: 1px; */
}
.column4 .itemThumb, .column5 .itemThumb {
	margin-bottom:0;
	text-align: center;
}
.column4 .item-list-span-img,
.column5 .item-list-span-img {
	display: inline-block;
}
.column4 .itemThumb a img,
.column5 .itemThumb a img {
	border:1px solid #efefef;
	box-sizing: border-box;
}
/*テキスト*/
.column4 p.price,
.column5 p.price,
.column4 .fixed,
.column5 .fixed,
.column4 p.fx_price,
.column5 p.fx_price{
	text-align:left;
	font-weight:500;
}
.column4 p.price span,
.column5 p.price span{
	font-size:16px;
	text-align:left;
	color: #666;
}
.column4 p.price span.selling_price,
.column5 p.price span.selling_price{
	font-size: 14px;
	text-align: left;
	font-weight: normal;
	/* letter-spacing: 1px; */
}
.column4 p.price span.selling_price .taxin,
.column5 p.price span.selling_price .taxin{
	font-size: 14px;
	font-weight: normal;
}

@media screen and (max-width:1200px){
	/*大枠*/
	.newItem .column-set,
	#itemList .column-set,
	.pickup .column-set,
	.ranking .column-set,
	.recommend .column-set {
		/* width: 100%; */
		/* overflow: hidden; */
		/* box-sizing: border-box; */
		/* padding: 0; */
		/* display: flex; */
		/* flex-wrap: wrap; */
	}

	.column4,
	.column5  {
		/* float: left; */
		width: 18.2%;
		margin: 0 2% 20px 0;
		padding-bottom: 0;
	}
	.column4:nth-child(4n),
	.column5:nth-child(4n) {
		margin: 0 3% 20px 0;
	}
	.column4:nth-child(5n),
	.column5:nth-child(5n) {
		margin: 0 0 20px 0;
		clear: inherit;
	}

	.column4 h3,
	.column5 h3 {
		font-size: 14px;
		/* line-height: 20px; */
		/* margin-bottom: 10px; */
		/* font-weight: normal; */
	}
	.column4 h3 a,
	.column5 h3 a{
		color: #000;
	}
	
		
	/*テキスト*/
	.column4 p.price,
	.column5 p.price,
	.column4 .fixed,
	.column5 .fixed,
	.column4 p.fx_price,
	.column5 p.fx_price{
		text-align:left;
		font-weight:500;
	}
	.column4 p.price span,
	.column5 p.price span{
		font-size:16px;
		text-align:left;
		color: #666;
	}
	.column4 p.price span.selling_price,
	.column5 p.price span.selling_price{
		font-size: 14px;
		text-align: left;
		font-weight: normal;
		/* letter-spacing: 1px; */
		line-height: 0;
	}
	.column4 p.price span.selling_price .taxin,
	.column5 p.price span.selling_price .taxin{
		font-size: 12px;
		font-weight: normal;
		display: inline-block;
	}

}

@media screen and (max-width:768px){
	/*大枠*/
	.newItem .column-set,
	#itemList .column-set,
	.pickup .column-set,
	.ranking .column-set,
	.recommend .column-set {
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
		padding: 0;
	}

	.column4,
	.column5  {
		float: left;
		width: 22.6%;
		margin: 0 3% 20px 0;
		padding-bottom: 0;
	}

	.column4:nth-child(5n),
	.column5:nth-child(5n) {
		margin: 0 3% 20px 0;
		clear: inherit;
	}
	.column4:nth-child(4n),
	.column5:nth-child(4n) {
		margin: 0 3% 20px 0;
	}
	.ranking .column5:last-child {
		margin-right: 0;
	}
	.column4 h3,
	.column5 h3 {
		font-size: 13px;
		/* line-height: 16px; */
		/* margin-bottom: 10px; */
		/* font-weight: normal; */
	}
	.column4 h3 a,
	.column5 h3 a{
		color: #000;
	}

	/*ランキング調整*/
	.ranking .column5:nth-child(n+4) {
		/* display:none; */
	}
	.ranking .column5 {
		width: 31.3%;
	}
	.ranking .column5:nth-child(3n) {
		margin-right:0;
	}
}
@media screen and (max-width:580px){
	/*大枠*/
	.newItem .column-set,
	#itemList .column-set,
	.pickup .column-set,
	.ranking .column-set,
	.recommend .column-set {
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
		padding: 0;
	}

	.column4,
	.column5  {
		float: left;
		width: 22.6%;
		margin: 0 3% 20px 0;
		padding-bottom: 0;
	}

	.column4:nth-child(5n),
	.column5:nth-child(5n) {
		margin: 0 3% 20px 0;
		clear: inherit;
	}
	.column4:nth-child(4n),
	.column5:nth-child(4n) {
		margin: 0 3% 20px 0;
	}
	.column4 h3,
	.column5 h3 {
		font-size: 3vw;
		/* line-height: 16px; */
		margin-bottom: 3%;
		/* font-weight: normal; */
	}
	.column4 h3 a,
	.column5 h3 a{
		color: #000;
	}

	/*ランキング調整*/
	.ranking .column5:nth-child(n+4) {
		/* display:none; */
	}
	.ranking .column5 {
		width: 31.3%;
	}
	.ranking .column5:nth-child(2n) {
		margin-right: 0;
	}
	.ranking .column5:nth-child(3n) {
		margin-right:0;
	}

	/*テキスト*/
	.column4 p.price,
	.column5 p.price,
	.column4 .fixed,
	.column5 .fixed,
	.column4 p.fx_price,
	.column5 p.fx_price{
		text-align:left;
		font-weight:500;
	}
	.column4 p.price span,
	.column5 p.price span{
		font-size:16px;
		text-align:left;
		color: #666;
	}
	.column4 p.price span.selling_price,
	.column5 p.price span.selling_price{
		font-size: 3vw;
		text-align: left;
		font-weight: normal;
		/* letter-spacing: 1px; */
		line-height: 1;
	}
	.column4 p.price span.selling_price .taxin,
	.column5 p.price span.selling_price .taxin{
		font-size: 3vw;
		font-weight: normal;
		display: inline-block;
		margin: 0;
	}
}