@charset "utf-8";
/* CSS Document */
.footeritem{
    display: none;
}
.cate1 .box_wrap {
	gap: 60px;
}
.cate1 .box_wrap .box-item{
	gap: 40px;
	align-items: flex-start;
}
.cate1 .box_wrap .box-item > .imgbox{
	width: calc(30% - 20px);
}
.cate1 .box_wrap .box-item > .txtbox{
	width: calc(70% - 20px);
}
.cate1 .box_wrap .box-item .txtbox .toplabel{
	background-color: #F9F0E9;
	padding: 10px 20px;
	width: 100%;
}
.cate1 .box_wrap .box-item .txtbox .reviewbox{
    align-items: center;
	justify-content: flex-start;
    gap: 12px;
}
.cate1 .box_wrap .box-item .txtbox .reviewitem{
    gap: 6px;       
    line-height: 1;
}
.cate1 .box_wrap .box-item .txtbox .reviewitem i{
    font-size: 18px; 
}
.cate1 .box_wrap .box-item .txtbox .reviewitem .is-on{
    color: #F25122; 
}
.cate1 .box_wrap .box-item .txtbox .reviewitem .is-off{
    color: #DBDBDB;     
}

.cate1 .box_wrap .box-item .txtbox .bottombox{
    border: #DFDACC 1px solid;
	padding: 25px;
	gap: 30px;
}
.cate1 .box_wrap .box-item .txtbox .bottombox .imgbox{
    width: calc(30% - 10px);
}
.cate1 .box_wrap .box-item .txtbox .bottombox .txtbox{
    width: calc(70% - 20px);
	justify-content: flex-start;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.cate1 .box_wrap .box-item {
		flex-direction: column;
		align-items: center;
	}
	.cate1 .box_wrap .box-item > .imgbox {
		width: 60%;
	}
	.cate1 .box_wrap .box-item > .txtbox {
		width: 100%;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate1 .box_wrap .box-item .txtbox .bottombox {
		flex-direction: column;
	}
	.cate1 .box_wrap .box-item .txtbox .bottombox .imgbox {
		width: 60%;
	}
	.cate1 .box_wrap .box-item .txtbox .bottombox .txtbox {
		width: 100%;
	}
	.cate1 .box_wrap .box-item {
		gap: 20px;
	}
	.cate1 .box_wrap .box-item > .imgbox {
		width: 80%;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}