/****************************************************************
一覧表示の体裁
****************************************************************/
.cmn_cont01 .designguide_template img {
    max-width: 100%;
    height: 90%;
    vertical-align: bottom;
    object-fit: contain;
    display: block;
}
/****************************************************************
サイズから探す
****************************************************************/
.pickup02_flex {
	display: flex;
	/*
	justify-content: center;
	*/
	flex-wrap: wrap;
	padding-left: 0;
}
#productsBox ul.pickup02_flex  {
    padding: 0;
}
.pickup01_box {
    width: 100%;
    display: block;
    max-width: 20%;
    position: relative;
    border: 5px solid #eee;
    border-radius: 10px;
    /*
    background: #f9f7f2;
    */
    margin: 10px 1% 10px;
    padding: 1% 1% 0;
}
.pickup01_box img {
	margin: 15px auto 15px;
	display: block;
	max-width: 68%;
}
.pickup01_box p {
    font-size: 0.9em;
    padding: 0 2.5%;
}
.pickup02_box img {
	margin: 10px auto 10px;
	display: block;
	max-width: 68%;
	opacity: 0.8;

}
.pickup01_box p.pickup01_box-p,
.pickup01_box p.pickup01_box-p02 {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 120%;
    background: url(/common/img/pick_arrow.png) no-repeat left 50%;
}
.pickup01_box p.pickup01_box-p.brand {
    background: none;
}
.pickup01_box:hover {
	border: 5px solid #ffcf99;
}

.pickup02_box {
	width: 100%;
	display: block;
	max-width: 23%;
	position: relative;
	border: 10px solid #e2e2e2;
	background: #f9f7f2;
	margin-bottom: 60px;
	margin: 10px 1% 30px;
	padding: 0 1%;
	padding-top: 1%;
}
.pickup02_box:hover {
	border: 10px solid #ffcf99;
}
a.boxref {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -99999px;
    z-index: 1;
}
@media screen and (max-width: 767px) {
    .pickup01_box {
        max-width: 43%;
        border: 5px solid #e2e2e2;
        font-size: 0.9em;
    }
	.pickup01_box:hover {
		border: 5px solid #ffcf99;
	}
	#productsBox ul li, .modal ul li {
	    font-size: 1rem;
	}
	.pickup01_box p.pickup01_box-p,
	.pickup01_box p.pickup01_box-p02 {
	    font-size: 1rem;
	}
	.pickup01_box p.txt03 {
		display: none;
	}
}
.cat-slider-div {
    margin:0 auto;
    /*
    margin-top: -0.5em;
    */
    margin-bottom: 20px;
    max-width: 1140px;
}
ul.cat-slider li.slick-slide img {
    width: 100%;
}
@media screen and (max-width: 767px) {
	.cat-slider-div {
		margin-top: -0.5em;
	}
}