/* -------------------------------------------------*/
/* 4カラム（スマートフォンでは2カラム) -------------*/
/* PCでは５カラム　　　　　　　　　　 -------------*/
/* トップのカテゴリメニューに使用　　　　-----------*/
/* -------------------------------------------------*/

.fiveCol {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	/*justify-content: space-between;*/
	justify-content: flex-start; /*左寄せ用*/
	
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
	margin-top:15px;
	margin-bottom:30px;
}
.fiveCol .inner {
	position: relative;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	
	-ms-flex-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 23%;  /*23.46%*/
	/*width: calc((230 / 980) *98%);*/
	width: calc((180 / 980) *98%);  /*5カラム入るように変更*/
	/*margin: 0px 0px 20px 0px;*/ /*0 0 20px 0;**/
	display:inline-block;
    /*display: table-cell;*/
    /*vertical-align:top;*/
	padding-bottom: 0px;

	font-size:11px;
	margin-bottom: 0px;
}
.fiveCol .inner h4 {
	width: 100%;
	margin-top: 3px; /*0.5em*/
	text-align: left;
	line-height: 20px; /*20200410*/
	font-weight: normal; /*20200421 一覧の各商品タイトル文字*/
}
.fiveCol .inner p {
	width: 100%;
	margin: 0px 0px 20px 0px; /*0 0 20px 0;**/
  	/*text-align:justify;*/
	vertical-align:top;
	line-height: 1.3em;
	text-align: left;
}

/*
.fiveCol .inner:nth-child(10n) {*/ /*左寄せ用*/
/*
    margin-left: 10px;
}
*/



.fiveCol .inner > a {
	width: 100%;
	height: 100%;
}
.fiveCol .inner .image {
	width: 100%;
	min-height: 0%;
}
.fiveCol .inner img {
	 /*z-index: 0 !important; コンテンツと重なった時に上のレイヤーにする*/
	width: 100%;
	margin-top: 20px;
}
.fiveCol .inner .btn {
	margin-top: auto;
	padding-top: 20px;
}
.fiveCol .inner .text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	pointer-events: none;
}

/*
@media screen and (max-width:1080px) { */ /* ４カラム 767px*/
/*
	.fiveCol {
		margin-bottom: 20px;
	}
	.fiveCol .inner {
		box-sizing: border-box;
		width: calc((250 / 980) *95%);
		margin-bottom: 0px;
	}
}
*/


/*
@media screen and (max-width:900px) { *//* ４カラム 767px*/
/*
	.fiveCol {
		margin-bottom: 20px;
	}
	.fiveCol .inner {
		box-sizing: border-box;
		width: calc((250 / 980) *95%);
		margin-bottom: 0px;
	}
}
*/

/*
@media screen and (max-width:768px) { */ /* ４カラム 767px*/

/*
	.fiveCol {
		margin-bottom: 20px;
	}
	.fiveCol .inner {
		box-sizing: border-box;
		width: calc((250 / 980) *95%);
		margin-bottom: 0px;
	}
}
*/

/*@media screen and (max-width:640px) { */ /* ３カラム*/
@media screen and (max-width:768px) {  /* ３カラム max-width:768px*/
	.fiveCol {
		margin-bottom: 20px;
	}
	.fiveCol .inner {
		box-sizing: border-box;
		/*width: 48.98%;*/
		width: calc((320 / 980) *95%);
		margin-bottom: 0px;
	}
}


@media screen and (max-width:740px) {  /* ３カラム max-width:768px*/
	.fiveCol {
		margin-bottom: 20px;
	}
	.fiveCol .inner {
		box-sizing: border-box;
		/*width: 48.98%;*/
		width: calc((330 / 980) *95%);
		margin-bottom: 0px;
	}
}


@media screen and (max-width:420px) { /* ２カラム*/
	.fiveCol {
		margin-top:0px;
		margin-bottom: 10px;
	}
	.fiveCol .inner {
		box-sizing: border-box;
		width: 48.98%;
		width: calc((480 / 980) *95%);
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		line-height: 1.5em;
	}
}

@media screen and (max-width:240px) { /* ２カラム*/
	.fiveCol {
		margin-top:0px;
		margin-bottom: 10px;
	}
	.fiveCol .inner {
		box-sizing: border-box;
		width: 50%;
		/*width: calc((480 / 980) *95%);*/
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		line-height: 1.5em;
	}
}



/* 5カラム対応4col ここまで  */