@charset "utf-8";
/* ティッカー ================= */
#list_products{
	display: flex;
	margin-bottom: 67px;
	padding-top: 8px;
	overflow: hidden;
}
/* 隙間対策 */
#list_products{
	font-size: 0;
}
#list_products a {
    display: block;
    transform: translateZ(0); /* GPU加速で描画を安定化 */
}
#list_products .slick-track{
	display: flex;
	align-items: stretch;
}

#list_products .slick-slide {
	/*height: auto;*/
	height: 100%;
	padding: 0;
    }
#list_products .slide-inner {
    padding: 0 9%;
    box-sizing: border-box;
    height: 100%;
}
#list_products .slick-slide > a {
	display: block;
	height: 100%;
}
#list_products article {
	height: 100%;
	position: relative;
	padding: 8px 4.15% 0 4.15%;
	padding: 0 0 0 0;
	display: flex !important;
	flex-direction: column;
	background: #dfd5c8;
}
#list_products a article{
	color: #000000;
}
#list_products a:visited article{
	color: #222222;
}
#list_products article .photo{
	position: relative;
/*	min-width: 386px;*/
	height: 0;
	padding-bottom: 66.32%;
	overflow: hidden;
}
#list_products article img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
#list_products article strong{
	display: none;
/*	position: absolute;
	z-index: 2;
	display: block;
	background: #87161b;
	top: 0;
	left: calc(13px + 4.15%);
	height: 36px;
	line-height: 36px;
	width: 110px;
	color: #ffffff;
	font-size: 1rem;
	text-align: center;
	letter-spacing: 0.05em;
*/
}
#list_products article .photo{
	order: 1;
	margin-bottom: 14px;
}
#list_products article h4{
	font-family: "FP-こぶりなゴシック StdN W3";
	order: 2;
	font-size: 1.5rem;/* 19px */
	margin-bottom: 5px;
	font-weight: normal;
	padding: 4px 10px 0 16px;
}
#list_products article ul{
	order: 3;
	padding: 8px 12px 18px 18px;
}
#list_products article li{
	font-family:"FP-KoburinaGoStdN-W1",sans-serif;
	font-size: 1.4rem;/* 15px */
	line-height: 1.5;
	font-weight: 100;
}
#list_products article li.catch{
	font-size: 1.5rem;/* 15px */
	line-height: 1.6;
}
/* SP（仮） ================= */
@media screen and (max-width: 768px) {
	#list_products .slide-inner {
	    padding: 0 4%;
	}
	#list_products{
		margin-bottom: 30px;
	}
}